@nutui/nutui-react 3.0.11 → 3.0.13-beta.0

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

@@ -5,8 +5,225 @@
 .nut-steps {
   display: flex;
 }
-
+.nut-steps-horizontal {
+  flex-flow: row;
+}
+.nut-steps-horizontal .nut-step-head {
+  background-color: var(--nutui-steps-background-color, #ffffff);
+}
+.nut-steps-horizontal .nut-step-head-icon .nut-icon {
+  height: 10px;
+  width: 10px;
+}
+.nut-steps-horizontal .nut-step-head-icon .nut-image {
+  width: 100%;
+  height: 100%;
+  background-color: var(--nutui-steps-background-color, #ffffff);
+}
+.nut-steps-horizontal .nut-step-head-icon .nut-image img {
+  vertical-align: top;
+}
+.nut-steps-horizontal .nut-step.nut-step-process .nut-step-title {
+  color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff6666));
+}
+.nut-steps-horizontal .nut-step.nut-step-process .nut-step-description {
+  color: var(--nutui-steps-process-description-color, var(--nutui-color-primary, #ff6666));
+}
+.nut-steps-horizontal .nut-step.nut-step-wait .nut-step-title {
+  color: var(--nutui-steps-wait-title-color, var(--nutui-color-title));
+}
+.nut-steps-horizontal .nut-step.nut-step-wait .nut-step-description {
+  color: var(--nutui-steps-wait-description-color, var(--nutui-color-text));
+}
+.nut-steps-horizontal-single .nut-step {
+  padding-right: var(--nutui-steps-horizontal-item-padding-right, 28px);
+}
+.nut-steps-horizontal-single .nut-step-last {
+  padding-right: 0 !important;
+}
+.nut-steps-horizontal-single .nut-step-line {
+  top: 0;
+  right: 0;
+  height: var(--nutui-steps-base-head-height, 14px);
+  width: var(--nutui-steps-horizontal-item-padding-right, 28px);
+  padding: var(--nutui-steps-horizontal-item-line-padding, 0 8px);
+  box-sizing: border-box;
+}
+.nut-steps-horizontal-single .nut-step-title, .nut-steps-horizontal-single .nut-step-description {
+  padding-left: 4px;
+}
+.nut-steps-horizontal-single .nut-step-special {
+  padding-right: var(--nutui-steps-horizontal-item-special-padding-right, 22px);
+}
+.nut-steps-horizontal-single .nut-step-special .nut-step-line {
+  width: 100%;
+}
+.nut-steps-horizontal-single .nut-step-special .nut-step-title {
+  padding-right: 8px;
+  width: fit-content;
+}
+.nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
+  padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
+}
+.nut-steps-horizontal-double {
+  width: 100%;
+  justify-content: space-between;
+}
+.nut-steps-horizontal-double .nut-step {
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
+}
+.nut-steps-horizontal-double .nut-step-line {
+  top: 0;
+  right: -50%;
+  height: var(--nutui-steps-base-head-height, 14px);
+  width: 100%;
+}
+.nut-steps-horizontal-double .nut-step-line-inner {
+  display: inline-flex;
+  height: var(--nutui-steps-base-line-height, 1px);
+  width: 100%;
+  background: var(--nutui-steps-base-line-background, var(--nutui-color-border));
+}
+.nut-steps-horizontal-double .nut-step-head {
+  justify-content: center;
+  margin-bottom: 6px;
+}
+.nut-steps-horizontal-double .nut-step-head-dot-wrap, .nut-steps-horizontal-double .nut-step-head-icon-wrap, .nut-steps-horizontal-double .nut-step-head-text-wrap {
+  background-color: var(--nutui-steps-background-color, #ffffff);
+  padding: var(--nutui-steps-horizontal-item-line-padding, 0 8px);
+}
+.nut-steps-horizontal-double .nut-step-head-icon {
+  height: var(--nutui-steps-base-head-icon-size-right, 20px);
+  width: var(--nutui-steps-base-head-icon-size-right, 20px);
+}
+.nut-steps-horizontal-double .nut-step-head-icon .nut-icon {
+  height: 12px;
+  width: 12px;
+}
+.nut-steps-horizontal-double .nut-step-main {
+  align-items: center;
+  margin-left: 0;
+  margin-top: 2px;
+}
+.nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-line {
+  height: var(--nutui-steps-base-head-icon-size-right, 20px);
+}
+.nut-steps-horizontal-double.nut-steps-horizontal-dot .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-dot .nut-step-line {
+  height: var(--nutui-steps-base-head-dot-size, 6px);
+}
+.nut-steps-horizontal-double.nut-steps-horizontal-text .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-text .nut-step-line {
+  height: var(--nutui-steps-base-head-text-size, 12px);
+}
 .nut-steps-vertical {
+  /* #ifdef harmony*/
+  flex: 1;
+  min-width: 0;
+  /* #endif */
+  flex-direction: column;
+}
+.nut-steps-vertical .nut-step {
+  padding-bottom: var(--nutui-steps-vertical-item-padding-bottom, 13px);
+}
+.nut-steps-vertical .nut-step-last {
+  padding-bottom: 0 !important;
+}
+.nut-steps-vertical .nut-step-line {
+  height: calc(100% - 4px);
+  width: 1px;
+  bottom: 0;
+}
+.nut-steps-vertical .nut-step-line-inner {
   height: 100%;
-  flex-flow: column;
+}
+.nut-steps-vertical .nut-step-head {
+  align-items: center;
+  justify-content: center;
+  height: 18px;
+}
+.nut-steps-vertical .nut-step-head-icon {
+  width: var(--nutui-steps-vertical-item-icon-size, 20px);
+  height: var(--nutui-steps-vertical-item-icon-size, 20px);
+}
+.nut-steps-vertical .nut-step-head-icon .nut-icon {
+  height: 12px;
+  width: 12px;
+}
+.nut-steps-vertical .nut-step-main {
+  flex: 1;
+  min-width: 0;
+  height: auto;
+  margin-left: 8px;
+}
+.nut-steps-vertical .nut-step-title {
+  display: flex;
+  align-items: center;
+  height: var(--nutui-steps-vertical-line-height, 18px);
+  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-text-large));
+  overflow: auto;
+  font-weight: 500;
+  margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
+}
+.nut-steps-vertical .nut-step-description {
+  margin: var(--nutui-steps-vertical-description-margin, 0 0 1px);
+  height: auto;
+  line-height: var(--nutui-steps-vertical-line-height, 18px);
+  color: var(--nutui-color-title);
+  font-size: var(--nutui-steps-vertical-description-font-size, var(--nutui-font-text));
+  box-sizing: border-box;
+}
+.nut-steps-vertical .nut-step-head-dot-wrap, .nut-steps-vertical .nut-step-head-icon-wrap, .nut-steps-vertical .nut-step-head-text-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  background-color: white;
+  position: relative;
+  z-index: 1;
+}
+.nut-steps-vertical .nut-step-head-dot-wrap {
+  height: calc(var(--nutui-steps-base-head-dot-size, 6px) + 8px);
+}
+.nut-steps-vertical .nut-step-head-icon-wrap {
+  height: calc(var(--nutui-steps-vertical-item-icon-size, 20px) + 8px);
+}
+.nut-steps-vertical .nut-step-head-text-wrap {
+  height: calc(var(--nutui-steps-base-head-text-size, 12px) + 8px);
+}
+.nut-steps-vertical-icon .nut-step-head {
+  width: calc(var(--nutui-steps-vertical-item-icon-size, 20px) + 1px);
+  min-width: calc(var(--nutui-steps-vertical-item-icon-size, 20px) + 1px);
+}
+.nut-steps-vertical-icon .nut-step-line {
+  left: calc(var(--nutui-steps-vertical-item-icon-size, 20px) / 2);
+}
+.nut-steps-vertical-dot .nut-step-head {
+  width: calc(var(--nutui-steps-base-head-dot-size, 6px) + 1px);
+}
+.nut-steps-vertical-dot .nut-step-line {
+  left: calc(var(--nutui-steps-base-head-dot-size, 6px) / 2);
+}
+.nut-steps-vertical-text .nut-step-head {
+  width: calc(var(--nutui-steps-base-head-text-size, 12px) + 1px);
+  min-width: calc(var(--nutui-steps-base-head-text-size, 12px) + 1px);
+}
+.nut-steps-vertical-text .nut-step-line {
+  left: calc(var(--nutui-steps-base-head-text-size, 12px) / 2);
+}
+.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-icon,
+.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-text, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-icon,
+.nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-text {
+  background-color: var(--nutui-steps-enhanced-finish-head-background-color, var(--nutui-color-primary-light-pressed, #ffcccc));
+}
+.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-icon .nut-icon,
+.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-text .nut-icon, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-icon .nut-icon,
+.nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-text .nut-icon {
+  color: var(--nutui-steps-enhanced-finish-head-icon-color, var(--nutui-color-primary-stop-1, #ff9999));
+}
+.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-text, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-text {
+  color: var(--nutui-steps-enhanced-finish-head-text-color, var(--nutui-color-primary-stop-1, #ff9999));
+}
+.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-dot, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-dot {
+  background-color: var(--nutui-steps-enhanced-finish-head-dot-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
 }

package/dist/cjs/packages/swiper/swiper.js

@@ -26,7 +26,7 @@ var defaultProps = {
     indicator: false,
     loop: false,
     duration: 3000,
-    autoPlay: false,
+    autoplay: false,
     defaultValue: 0,
     touchable: true,
     effect: undefined
@@ -44,29 +44,44 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         return current;
     };
     var classPrefix = 'nut-swiper';
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, direction = _$_object_spread.direction, indicator = _$_object_spread.indicator, loop = _$_object_spread.loop, effect = _$_object_spread.effect, autoPlay = _$_object_spread.autoPlay, touchable = _$_object_spread.touchable, defaultValue = _$_object_spread.defaultValue, duration = _$_object_spread.duration, style = _$_object_spread.style, className = _$_object_spread.className;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, direction = _$_object_spread.direction, indicator = _$_object_spread.indicator, loop = _$_object_spread.loop, effect = _$_object_spread.effect, autoplay = _$_object_spread.autoplay, touchable = _$_object_spread.touchable, defaultValue = _$_object_spread.defaultValue, duration = _$_object_spread.duration, style = _$_object_spread.style, className = _$_object_spread.className;
     var isVertical = direction === 'vertical';
     var count = (0, _react.useMemo)(function() {
         var c = 0;
-        _react.default.Children.map(children, function(child, index) {
+        _react.default.Children.map(children, function() {
             c += 1;
         });
         return c;
     }, [
         children
     ]);
+    var timeoutRef = (0, _react.useRef)(null);
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), dragging = _useState[0], setDragging = _useState[1];
+    var _useRefState = (0, _sliced_to_array._)((0, _userefstate.useRefState)(defaultValue), 2), innerValue = _useRefState[0], setInnerValue = _useRefState[1];
+    var stageRef = (0, _react.useRef)(null);
+    var swiperRef = (0, _react.useRef)(null);
+    var _useSpring = (0, _sliced_to_array._)((0, _web.useSpring)(function() {
+        return {
+            x: !isVertical ? innerValue.current * 100 * -1 : 0,
+            y: isVertical ? innerValue.current * 100 * -1 : 0,
+            s: 0,
+            reset: function reset() {},
+            config: {
+                tension: 200,
+                friction: 30
+            }
+        };
+    }), 2), springs = _useSpring[0], api = _useSpring[1];
     var getSlideSize = function getSlideSize() {
         if (props.slideSize) return props.slideSize;
         if (stageRef.current) {
-            if (isVertical) return stageRef.current.offsetHeight;
-            return stageRef.current.offsetWidth;
+            return isVertical ? stageRef.current.offsetHeight : stageRef.current.offsetWidth;
         }
         return 0;
     };
     var getSwiperSize = function getSwiperSize() {
         if (swiperRef.current) {
-            if (isVertical) return swiperRef.current.offsetHeight;
-            return swiperRef.current.offsetWidth;
+            return isVertical ? swiperRef.current.offsetHeight : swiperRef.current.offsetWidth;
         }
         return 0;
     };
@@ -79,51 +94,48 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         }
         return v;
     };
-    var timeoutRef = (0, _react.useRef)(null);
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), dragging = _useState[0], setDragging = _useState[1];
-    var _useRefState = (0, _sliced_to_array._)((0, _userefstate.useRefState)(defaultValue), 2), current = _useRefState[0], setCurrent = _useRefState[1];
-    var stageRef = (0, _react.useRef)(null);
-    var swiperRef = (0, _react.useRef)(null);
-    var _useSpring = (0, _sliced_to_array._)((0, _web.useSpring)(function() {
-        return {
-            x: !isVertical ? current.current * 100 * -1 : 0,
-            y: isVertical ? current.current * 100 * -1 : 0,
-            s: 0,
-            reset: function reset() {},
-            config: {
-                tension: 200,
-                friction: 30
-            }
-        };
-    }), 2), springs = _useSpring[0], api = _useSpring[1];
     (0, _react.useEffect)(function() {
         var _obj;
-        api.start((_obj = {}, (0, _define_property._)(_obj, isVertical ? 'y' : 'x', boundIndex(current.current) * -1 * 100), (0, _define_property._)(_obj, "immediate", true), _obj));
+        api.start((_obj = {}, (0, _define_property._)(_obj, isVertical ? 'y' : 'x', boundIndex(innerValue.current) * -1 * 100), (0, _define_property._)(_obj, "immediate", true), _obj));
     }, [
         swiperRef.current
     ]);
     var swiperDirection = (0, _react.useRef)(1);
-    var _useList = (0, _sliced_to_array._)((0, _focus.useList)(effect, count, current), 2), transforms = _useList[0], setTransforms = _useList[1];
+    var _useList = (0, _sliced_to_array._)((0, _focus.useList)(effect, count, innerValue), 2), transforms = _useList[0], setTransforms = _useList[1];
     // 自动播放
-    var runTimeSwiper = function runTimeSwiper1() {
+    var runTimeSwiper = (0, _react.useCallback)(function() {
         var durationNumber = typeof duration === 'string' ? parseInt(duration) : duration;
-        var d = typeof autoPlay === 'number' ? autoPlay : durationNumber;
+        var d = durationNumber;
+        // 优先使用明确设置的数值型自动播放间隔
+        if (typeof props.autoPlay === 'number') {
+            d = props.autoPlay;
+        } else if (typeof autoplay === 'number') {
+            d = autoplay;
+        }
         timeoutRef.current = window.setTimeout(function() {
             next();
             runTimeSwiper();
         }, d);
-    };
+    }, [
+        props.autoPlay,
+        autoplay,
+        duration
+    ]);
     (0, _react.useEffect)(function() {
-        if (!autoPlay || dragging) return;
+        // 兼容旧版的 autoPlay 属性
+        var shouldAutoplay = props.autoPlay || autoplay;
+        if (!shouldAutoplay || dragging) return;
+        // if (!autoplay || dragging) return
         runTimeSwiper();
         return function() {
             if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
         };
     }, [
-        autoPlay,
+        autoplay,
         duration,
         dragging,
-        count
+        count,
+        runTimeSwiper
     ]);
     var to = function to(index) {
         var immediate = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
@@ -133,7 +145,7 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
             var cycleIndex = index % count;
             targetIndex = cycleIndex < 0 ? cycleIndex + count : cycleIndex;
         }
-        setCurrent(targetIndex);
+        setInnerValue(targetIndex);
         (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, targetIndex);
         if (effect) {
             (0, _focus.updateTransform)(transforms, setTransforms, effect, targetIndex);
@@ -199,13 +211,10 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         bounds: function bounds() {
             if (loop) return {};
             var slideSize = getSlideSize();
-            if (isVertical) {
-                return {
-                    top: 0,
-                    bottom: (count - 1) * slideSize
-                };
-            }
-            return {
+            return isVertical ? {
+                top: 0,
+                bottom: (count - 1) * slideSize
+            } : {
                 left: 0,
                 right: (count - 1) * slideSize
             };
@@ -219,13 +228,13 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         }
     });
     var renderIndicator = function renderIndicator() {
-        if (/*#__PURE__*/ _react.default.isValidElement(indicator)) return indicator;
         if (!indicator) return null;
+        if (/*#__PURE__*/ _react.default.isValidElement(indicator)) return indicator;
         var _obj;
         return /*#__PURE__*/ _react.default.createElement("div", {
             className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator-vertical"), isVertical), (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator-horizontal"), !isVertical), _obj))
         }, /*#__PURE__*/ _react.default.createElement(_indicator.default, {
-            current: (0, _userefstate.getRefValue)(current),
+            current: (0, _userefstate.getRefValue)(innerValue),
             total: count,
             direction: direction
         }));
@@ -246,7 +255,7 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
                 count: count,
                 isVertical: isVertical,
                 effect: effect,
-                current: current,
+                current: innerValue,
                 swiperDirection: swiperDirection,
                 dragging: dragging,
                 transforms: transforms

package/dist/cjs/packages/textarea/textarea.d.ts

@@ -1,3 +1,3 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
 import { WebTextAreaProps } from "../../types";
-export declare const TextArea: FunctionComponent<Partial<WebTextAreaProps> & Omit<React.HTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onBlur' | 'onFocus'>>;
+export declare const TextArea: React.ForwardRefExoticComponent<Partial<WebTextAreaProps> & Omit<React.HTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & React.RefAttributes<unknown>>;

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

@@ -25,14 +25,13 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     showCount: false,
     rows: 2,
     maxLength: 140,
-    placeholder: '',
     readOnly: false,
     disabled: false,
     autoSize: false,
     plain: false,
     status: 'default'
 });
-var TextArea = function TextArea(props) {
+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, [
         "className",
@@ -67,13 +66,13 @@ var TextArea = function TextArea(props) {
         defaultValue: defaultValue,
         finalValue: format(defaultValue),
         onChange: onChange
-    }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
+    }), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
     (0, _react.useEffect)(function() {
         if (autoSize) setContentHeight();
     }, [
         autoSize,
         defaultValue,
-        inputValue
+        innerValue
     ]);
     var setContentHeight = function setContentHeight() {
         var textarea = textareaRef.current;
@@ -88,7 +87,7 @@ var TextArea = function TextArea(props) {
     var handleChange = function handleChange(event) {
         var text = event.target;
         var value = compositionRef.current ? text.value : format(text.value);
-        setInputValue(value);
+        setInnerValue(value);
     };
     var isDisabled = function isDisabled() {
         return disabled || readOnly;
@@ -101,6 +100,24 @@ var TextArea = function TextArea(props) {
         if (isDisabled()) return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    (0, _react.useImperativeHandle)(ref, function() {
+        return {
+            clear: function clear() {
+                return setInnerValue('');
+            },
+            focus: function focus() {
+                var _textareaRef_current;
+                return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.focus();
+            },
+            blur: function blur() {
+                var _textareaRef_current;
+                return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.blur();
+            },
+            get nativeElement () {
+                return textareaRef.current;
+            }
+        };
+    });
     var _obj;
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-readonly"), readOnly), (0, _define_property._)(_obj, "".concat(classPrefix, "-rtl"), rtl), (0, _define_property._)(_obj, "".concat(classPrefix, "-plain"), plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-container"), !plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
@@ -110,7 +127,7 @@ var TextArea = function TextArea(props) {
         style: style,
         disabled: disabled,
         readOnly: readOnly,
-        value: inputValue,
+        value: innerValue,
         onChange: handleChange,
         onBlur: handleBlur,
         onFocus: handleFocus,
@@ -125,6 +142,6 @@ var TextArea = function TextArea(props) {
         placeholder: placeholder !== undefined ? placeholder : locale.placeholder
     })), showCount && /*#__PURE__*/ _react.default.createElement("div", {
         className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
-    }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
-};
+    }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));
+});
 TextArea.displayName = 'NutTextArea';

package/dist/cjs/packages/uploader/uploader.js

@@ -206,10 +206,21 @@ var InternalUploader = function InternalUploader(props, ref) {
                         ];
                     case 1:
                         _files = _state.sent();
-                        if (!_files.length) $el.value = '';
-                        _state.label = 2;
+                        if (!_files.length) {
+                            $el.value = '';
+                            return [
+                                2
+                            ];
+                        }
+                        return [
+                            3,
+                            3
+                        ];
                     case 2:
-                        _files = filterFiles(filesArr);
+                        _files = filesArr;
+                        _state.label = 3;
+                    case 3:
+                        _files = filterFiles(_files);
                         tasks = _files.map(function(file) {
                             var _file_type;
                             var info = {
@@ -236,22 +247,22 @@ var InternalUploader = function InternalUploader(props, ref) {
                         });
                         if (!!autoUpload) return [
                             3,
-                            3
+                            4
                         ];
                         setUploadQueue(tasks);
                         return [
                             3,
-                            5
+                            6
                         ];
-                    case 3:
+                    case 4:
                         return [
                             4,
                             uploadAction(tasks)
                         ];
-                    case 4:
-                        _state.sent();
-                        _state.label = 5;
                     case 5:
+                        _state.sent();
+                        _state.label = 6;
+                    case 6:
                         if (clearInput) {
                             $el.value = '';
                         }

package/dist/cjs/types/spec/lottie/taro.d.ts

@@ -1,4 +1,5 @@
 import { LottieOptions } from 'lottie-react';
 import { BaseLottie } from './base';
 export interface TaroLottieProps extends BaseLottie<Omit<LottieOptions, 'animationData'>> {
+    dpr: boolean;
 }

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

@@ -8,4 +8,10 @@ export interface BaseProgress extends BaseProps {
     animated: boolean;
     lazy: boolean;
     delay: number;
+    borderRadius: string;
+    fontSize: string;
+    activeMode: string;
+    duration: number;
+    ariaLabel: string;
+    onActiveEnd: () => void;
 }

package/dist/cjs/types/spec/progress/taro.d.ts

@@ -1,3 +1,7 @@
 import { BaseProgress } from './base';
 export interface TaroProgressProps extends BaseProgress {
+    showInfo: boolean;
+    activeColor: string;
+    backgroundColor: string;
+    active: boolean;
 }

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

@@ -3,6 +3,7 @@ import { UIRound } from '../../base/atoms';
 import { BaseProps } from '../../base/props';
 export interface BaseSearchBar extends BaseProps {
     value: string;
+    defaultValue: string;
     placeholder: string;
     shape: UIRound;
     disabled: boolean;
@@ -15,10 +16,12 @@ export interface BaseSearchBar extends BaseProps {
     right: ReactNode;
     leftIn: ReactNode;
     rightIn: ReactNode;
+    tag: boolean;
     onSearch: (val: string) => void;
     onChange: (value: string, e: any) => void;
     onFocus: (value: string, e: any) => void;
     onBlur: (value: string, e: any) => void;
     onClear: (e: any) => void;
     onInputClick: (e: any) => void;
+    onItemClick: (value: string, e: any) => void;
 }

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

@@ -1,14 +1,23 @@
 import { ReactNode } from 'react';
 import { BaseProps } from '../../base/props';
+export type StepStatus = 'wait' | 'process' | 'finish';
+export type StepType = 'text' | 'dot' | 'icon';
+export type StepLayout = 'single' | 'double';
+export type StepDirection = 'horizontal' | 'vertical';
+export type StepsStatus = 'default' | 'business' | 'dynamic' | 'enhanced';
 export interface BaseStep extends BaseProps {
     title: ReactNode;
     description: ReactNode;
     value: number;
     icon: ReactNode;
+    type: StepType;
 }
 export interface BaseSteps extends BaseProps {
+    status: StepsStatus;
+    direction: StepDirection;
     value: number;
-    direction: string;
-    dot: boolean;
+    type: StepType;
+    layout: StepLayout;
+    icon: ReactNode;
     onStepClick: (index: number) => void;
 }

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

@@ -15,7 +15,11 @@ export interface BaseSwiper extends BaseProps {
     indicator: ReactNode;
     loop: boolean;
     duration: SimpleValue;
+    /**
+     * @deprecated Please use `autoplay` prop instead.
+     */
     autoPlay: boolean | number;
+    autoplay: boolean | number;
     defaultValue: number;
     touchable: boolean;
     effect: FocusEffect | undefined;

package/dist/cjs/types/spec/swiper/taro.d.ts

@@ -9,7 +9,11 @@ export type TaroSwiperProps = Omit<BaseSwiper, OmittedKeys> & OmittedSwiperProps
     height?: SimpleValue;
     direction: Direction;
     indicator: ReactNode;
+    /**
+     * @deprecated Please use `autoplay` prop instead.
+     */
     autoPlay: boolean;
+    autoplay: boolean;
     loop: boolean;
     defaultValue: number;
 };