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

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

@@ -27,10 +27,14 @@ export interface BaseSwiper extends BaseProps {
     * 动画时长（单位是ms）
     */
     duration: SimpleValue
+    /**
+     * @deprecated Please use `autoplay` prop instead.
+     */
+    autoPlay: boolean | number;
     /**
     * 自动轮播时长，0表示不会自动轮播
     */
-    autoPlay: boolean | number
+    autoplay: boolean | number
     /**
     * 初始化索引值
     */

package/dist/es/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;
 };

package/dist/nutui.react.umd.js

@@ -16899,6 +16899,9 @@ Please add \`${key2}Action\` when creating your handler.`);
           var _inputRef_current;
           return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
         },
+        get: function() {
+          return inputRef.current;
+        },
         get nativeElement() {
           return inputRef.current;
         }
@@ -19271,14 +19274,13 @@ Please add \`${key2}Action\` when creating your handler.`);
     showCount: false,
     rows: 2,
     maxLength: 140,
-    placeholder: "",
     readOnly: false,
     disabled: false,
     autoSize: false,
     plain: false,
     status: "default"
   });
-  var TextArea = function(props) {
+  var TextArea = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
     var _ref = _object_spread({}, defaultProps$L, props), className = _ref.className, value2 = _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 = _object_without_properties(_ref, [
       "className",
@@ -19313,13 +19315,13 @@ Please add \`${key2}Action\` when creating your handler.`);
       defaultValue,
       finalValue: format2(defaultValue),
       onChange
-    }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
+    }), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
     React.useEffect(function() {
       if (autoSize) setContentHeight();
     }, [
       autoSize,
       defaultValue,
-      inputValue
+      innerValue
     ]);
     var setContentHeight = function() {
       var textarea = textareaRef.current;
@@ -19334,7 +19336,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     var handleChange = function(event) {
       var text2 = event.target;
       var value3 = compositionRef.current ? text2.value : format2(text2.value);
-      setInputValue(value3);
+      setInnerValue(value3);
     };
     var isDisabled = function() {
       return disabled || readOnly;
@@ -19347,6 +19349,24 @@ Please add \`${key2}Action\` when creating your handler.`);
       if (isDisabled()) return;
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    React.useImperativeHandle(ref, function() {
+      return {
+        clear: function() {
+          return setInnerValue("");
+        },
+        focus: function() {
+          var _textareaRef_current;
+          return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.focus();
+        },
+        blur: function() {
+          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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
       className: classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix2, "-plain"), plain), _define_property(_obj, "".concat(classPrefix2, "-container"), !plain), _define_property(_obj, "".concat(classPrefix2, "-").concat(status), status), _obj), className)
@@ -19356,7 +19376,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       style,
       disabled,
       readOnly,
-      value: inputValue,
+      value: innerValue,
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
@@ -19371,8 +19391,8 @@ Please add \`${key2}Action\` when creating your handler.`);
       placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
     })), showCount && /* @__PURE__ */ React.createElement("div", {
       className: classNames("".concat(classPrefix2, "-limit"), _define_property({}, "".concat(classPrefix2, "-limit-disabled"), disabled))
-    }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
-  };
+    }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));
+  });
   TextArea.displayName = "NutTextArea";
   var defaultProps$K = _object_spread_props(_object_spread({}, ComponentDefaults), {
     percent: 0,
@@ -24016,47 +24036,63 @@ Please add \`${key2}Action\` when creating your handler.`);
     indicator: false,
     loop: false,
     duration: 3e3,
-    autoPlay: false,
+    autoplay: false,
     defaultValue: 0,
     touchable: true,
     effect: void 0
   };
   var Swiper = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var boundIndex = function boundIndex2(current2) {
+    var boundIndex = function boundIndex2(current) {
       var min = 0;
       var max = count - 1;
-      if (current2 === max && !loop2 && props.slideSize) {
+      if (current === max && !loop2 && props.slideSize) {
         var slideSize = props.slideSize;
         var swiperSize = getSwiperSize();
         var ratio = (swiperSize - slideSize) / slideSize;
-        return bound2(current2, min, max - ratio);
+        return bound2(current, min, max - ratio);
       }
-      return current2;
+      return current;
     };
     var classPrefix2 = "nut-swiper";
-    var _$_object_spread = _object_spread({}, defaultProps$i, props), children = _$_object_spread.children, direction = _$_object_spread.direction, indicator = _$_object_spread.indicator, loop2 = _$_object_spread.loop, effect2 = _$_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 = _object_spread({}, defaultProps$i, props), children = _$_object_spread.children, direction = _$_object_spread.direction, indicator = _$_object_spread.indicator, loop2 = _$_object_spread.loop, effect2 = _$_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 = React.useMemo(function() {
       var c6 = 0;
-      React.Children.map(children, function(child, index2) {
+      React.Children.map(children, function() {
         c6 += 1;
       });
       return c6;
     }, [
       children
     ]);
+    var timeoutRef = React.useRef(null);
+    var _useState = _sliced_to_array(React.useState(false), 2), dragging = _useState[0], setDragging = _useState[1];
+    var _useRefState = _sliced_to_array(useRefState(defaultValue), 2), innerValue = _useRefState[0], setInnerValue = _useRefState[1];
+    var stageRef = React.useRef(null);
+    var swiperRef = React.useRef(null);
+    var _useSpring = _sliced_to_array(useSpring(function() {
+      return {
+        x: !isVertical ? innerValue.current * 100 * -1 : 0,
+        y: isVertical ? innerValue.current * 100 * -1 : 0,
+        s: 0,
+        reset: function() {
+        },
+        config: {
+          tension: 200,
+          friction: 30
+        }
+      };
+    }), 2), springs = _useSpring[0], api = _useSpring[1];
     var getSlideSize = function() {
       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() {
       if (swiperRef.current) {
-        if (isVertical) return swiperRef.current.offsetHeight;
-        return swiperRef.current.offsetWidth;
+        return isVertical ? swiperRef.current.offsetHeight : swiperRef.current.offsetWidth;
       }
       return 0;
     };
@@ -24069,51 +24105,44 @@ Please add \`${key2}Action\` when creating your handler.`);
       }
       return v;
     };
-    var timeoutRef = React.useRef(null);
-    var _useState = _sliced_to_array(React.useState(false), 2), dragging = _useState[0], setDragging = _useState[1];
-    var _useRefState = _sliced_to_array(useRefState(defaultValue), 2), current = _useRefState[0], setCurrent = _useRefState[1];
-    var stageRef = React.useRef(null);
-    var swiperRef = React.useRef(null);
-    var _useSpring = _sliced_to_array(useSpring(function() {
-      return {
-        x: !isVertical ? current.current * 100 * -1 : 0,
-        y: isVertical ? current.current * 100 * -1 : 0,
-        s: 0,
-        reset: function() {
-        },
-        config: {
-          tension: 200,
-          friction: 30
-        }
-      };
-    }), 2), springs = _useSpring[0], api = _useSpring[1];
     React.useEffect(function() {
       var _obj;
-      api.start((_obj = {}, _define_property(_obj, isVertical ? "y" : "x", boundIndex(current.current) * -1 * 100), _define_property(_obj, "immediate", true), _obj));
+      api.start((_obj = {}, _define_property(_obj, isVertical ? "y" : "x", boundIndex(innerValue.current) * -1 * 100), _define_property(_obj, "immediate", true), _obj));
     }, [
       swiperRef.current
     ]);
     var swiperDirection = React.useRef(1);
-    var _useList = _sliced_to_array(useList(effect2, count, current), 2), transforms = _useList[0], setTransforms = _useList[1];
-    var runTimeSwiper = function() {
+    var _useList = _sliced_to_array(useList(effect2, count, innerValue), 2), transforms = _useList[0], setTransforms = _useList[1];
+    var runTimeSwiper = React.useCallback(function() {
       var durationNumber = typeof duration === "string" ? parseInt(duration) : duration;
-      var d2 = typeof autoPlay === "number" ? autoPlay : durationNumber;
+      var d2 = durationNumber;
+      if (typeof props.autoPlay === "number") {
+        d2 = props.autoPlay;
+      } else if (typeof autoplay === "number") {
+        d2 = autoplay;
+      }
       timeoutRef.current = window.setTimeout(function() {
         next();
         runTimeSwiper();
       }, d2);
-    };
+    }, [
+      props.autoPlay,
+      autoplay,
+      duration
+    ]);
     React.useEffect(function() {
-      if (!autoPlay || dragging) return;
+      var shouldAutoplay = props.autoPlay || autoplay;
+      if (!shouldAutoplay || dragging) return;
       runTimeSwiper();
       return function() {
         if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
       };
     }, [
-      autoPlay,
+      autoplay,
       duration,
       dragging,
-      count
+      count,
+      runTimeSwiper
     ]);
     var to2 = function(index2) {
       var immediate = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
@@ -24123,7 +24152,7 @@ Please add \`${key2}Action\` when creating your handler.`);
         var cycleIndex = index2 % 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 (effect2) {
         updateTransform(transforms, setTransforms, effect2, targetIndex);
@@ -24187,13 +24216,10 @@ Please add \`${key2}Action\` when creating your handler.`);
       bounds: function() {
         if (loop2) 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
         };
@@ -24207,13 +24233,13 @@ Please add \`${key2}Action\` when creating your handler.`);
       }
     });
     var renderIndicator = function() {
-      if (/* @__PURE__ */ React.isValidElement(indicator)) return indicator;
       if (!indicator) return null;
+      if (/* @__PURE__ */ React.isValidElement(indicator)) return indicator;
       var _obj;
       return /* @__PURE__ */ React.createElement("div", {
         className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-indicator"), true), _define_property(_obj, "".concat(classPrefix2, "-indicator-vertical"), isVertical), _define_property(_obj, "".concat(classPrefix2, "-indicator-horizontal"), !isVertical), _obj))
       }, /* @__PURE__ */ React.createElement(Indicator, {
-        current: getRefValue(current),
+        current: getRefValue(innerValue),
         total: count,
         direction
       }));
@@ -24234,7 +24260,7 @@ Please add \`${key2}Action\` when creating your handler.`);
           count,
           isVertical,
           effect: effect2,
-          current,
+          current: innerValue,
           swiperDirection,
           dragging,
           transforms