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

package/CHANGELOG.md

@@ -1,15 +1,14 @@
 # v3.0.12
-`2025-05-17`
-
 
-* :sparkles: feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 (#3217)
-* :sparkles: feat(progress): 兼容并支持taro components的progressProps & v15适配 (#3202)
-* :sparkles: feat(searchbar): v15 适配,增加了受控和默认值 (#3209)
-* :sparkles: feat(steps): v15 (#3216)
-* :bug: fix(uploader): beforeUpload failed to work (#3219)
-* :bug: fix(uploader): 多端上传媒体文件逻辑与2x保持一致 (#3223)
-* :bug: fix(address): 构建单一样式文件 (#3220)
+`2025-05-17`
 
+- :sparkles: feat(range): 鸿蒙适配,修订NaN,纵向mark时异常问题 (#3217)
+- :sparkles: feat(progress): 兼容并支持taro components的progressProps & v15适配 (#3202)
+- :sparkles: feat(searchbar): v15 适配,增加了受控和默认值 (#3209)
+- :sparkles: feat(steps): v15 (#3216)
+- :bug: fix(uploader): beforeUpload failed to work (#3219)
+- :bug: fix(uploader): 多端上传媒体文件逻辑与2x保持一致 (#3223)
+- :bug: fix(address): 构建单一样式文件 (#3220)
 
 # v3.0.11
 

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

@@ -88,6 +88,9 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                 var _inputRef_current;
                 (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
             },
+            get: function get() {
+                return inputRef.current;
+            },
             get nativeElement () {
                 return inputRef.current;
             }

package/dist/cjs/packages/lottie/lottiemp.js

@@ -20,7 +20,7 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var id = "nutLottie-".concat(uuid);
     var animation = (0, _react.useRef)();
     var inited = (0, _react.useRef)(false);
-    var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed;
+    var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
     var setSpeed = function setSpeed() {
         if (animation.current) {
             animation.current.setSpeed(Math.abs(speed));
@@ -30,7 +30,7 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     (0, _react.useImperativeHandle)(ref, function() {
         return animation.current || {};
     });
-    var dpr = (0, _react.useRef)((0, _getsysteminfo.getWindowInfo)().pixelRatio);
+    var pixelRatio = (0, _react.useRef)((0, _getsysteminfo.getWindowInfo)().pixelRatio);
     (0, _taro.useReady)(function() {
         (0, _taro.createSelectorQuery)().select("#".concat(id)).fields({
             node: true,
@@ -39,11 +39,12 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
             try {
                 var canvas = res.node;
                 var context = canvas.getContext('2d');
-                // scale canvas to adapt dpr
+                // scale canvas to adapt pixelRatio
                 if (style && style.width !== undefined && style.height !== undefined) {
-                    canvas.width = parseFloat(style.width.toString()) * dpr.current;
-                    canvas.height = parseFloat(style.height.toString()) * dpr.current;
-                    context.scale(dpr.current, dpr.current);
+                    var finalDpr = dpr ? pixelRatio.current : 1;
+                    canvas.width = parseFloat(style.width.toString()) * finalDpr;
+                    canvas.height = parseFloat(style.height.toString()) * finalDpr;
+                    context.scale(finalDpr, finalDpr);
                 }
                 _lottieminiprogram.default.setup(canvas);
                 animation.current = _lottieminiprogram.default.loadAnimation({

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

@@ -24,27 +24,33 @@ var defaultProps = {
     direction: 'horizontal',
     indicator: false,
     autoPlay: false,
+    autoplay: false,
     loop: false,
     defaultValue: 0,
     style: {}
 };
 var classPrefix = 'nut-swiper';
 var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, loop = _ref.loop, autoPlay = _ref.autoPlay, duration = _ref.duration, direction = _ref.direction, defaultValue = _ref.defaultValue, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, duration = _ref.duration, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = (0, _object_without_properties._)(_ref, [
         "width",
         "height",
         "className",
         "children",
         "indicator",
+        "indicatorDots",
         "loop",
+        "circular",
         "autoPlay",
+        "autoplay",
         "duration",
+        "vertical",
         "direction",
         "defaultValue",
+        "current",
         "onChange",
         "style"
     ]);
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)(defaultValue), 2), current = _useState[0], setCurrent = _useState[1];
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(current || defaultValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
     var childrenCount = (0, _react.useMemo)(function() {
         var c = 0;
         _react.default.Children.map(children, function(child, index) {
@@ -54,47 +60,42 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     }, [
         children
     ]);
-    (0, _react.useEffect)(function() {
-        setCurrent(defaultValue);
-    }, [
-        defaultValue
-    ]);
     var renderIndicator = function renderIndicator() {
         if (/*#__PURE__*/ _react.default.isValidElement(indicator)) return indicator;
-        if (indicator) {
+        if (indicator || indicatorDots) {
             var _obj;
             return /*#__PURE__*/ _react.default.createElement(_components.View, {
-                className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator-vertical"), direction === 'vertical'), _obj))
+                className: (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator"), true), (0, _define_property._)(_obj, "".concat(classPrefix, "-indicator-vertical"), direction === 'vertical' || vertical), _obj))
             }, /*#__PURE__*/ _react.default.createElement(_index.default, {
-                current: current,
+                current: innerValue,
                 total: childrenCount,
-                direction: direction
+                direction: vertical ? 'vertical' : direction
             }));
         }
         return null;
     };
     var handleOnChange = function handleOnChange(value) {
-        setCurrent(value.detail.current);
+        setInnerValue(value.detail.current);
     };
     (0, _react.useImperativeHandle)(ref, function() {
         return {
             to: function to(value) {
-                setCurrent(value);
+                setInnerValue(value);
             },
             next: function next() {
                 if (loop) {
-                    setCurrent((current + 1) % childrenCount);
+                    setInnerValue((innerValue + 1) % childrenCount);
                 } else {
-                    setCurrent(current + 1 >= childrenCount ? current : current + 1);
+                    setInnerValue(innerValue + 1 >= childrenCount ? innerValue : innerValue + 1);
                 }
             },
             prev: function prev() {
                 if (loop) {
-                    var next = current - 1;
+                    var next = innerValue - 1;
                     next = next < 0 ? childrenCount + next : next;
-                    setCurrent(next % childrenCount);
+                    setInnerValue(next % childrenCount);
                 } else {
-                    setCurrent(current - 1 <= 0 ? 0 : current - 1);
+                    setInnerValue(innerValue - 1 <= 0 ? 0 : innerValue - 1);
                 }
             }
         };
@@ -112,10 +113,10 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
             height: !height ? (0, _pxtransform.pxTransform)(150) : height
         }
     }, /*#__PURE__*/ _react.default.createElement(_components.Swiper, (0, _object_spread._)({
-        current: current,
+        current: innerValue,
         circular: loop,
-        autoplay: autoPlay,
-        vertical: direction === 'vertical',
+        autoplay: autoplay || autoPlay,
+        vertical: direction === 'vertical' || vertical,
         indicatorDots: false,
         onChange: function onChange(e) {
             var _props_onChange;

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

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { TaroTextAreaProps } from "../../types";
-export declare const TextArea: FunctionComponent<Partial<TaroTextAreaProps>>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<Partial<TaroTextAreaProps>, "ref"> & React.RefAttributes<unknown>>;

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

@@ -26,14 +26,13 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     defaultValue: '',
     showCount: false,
     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, _index.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,15 +66,16 @@ 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];
+    var textareaRef = (0, _react.useRef)(null);
     var handleChange = function handleChange(event) {
         var _event_detail;
         var text = event === null || event === void 0 ? void 0 : (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.value;
         if (text) {
             var value = compositionRef.current ? text : format(text);
-            setInputValue(value);
+            setInnerValue(value);
         } else {
-            setInputValue('');
+            setInnerValue('');
         }
     };
     var isDisabled = function isDisabled() {
@@ -89,10 +89,29 @@ 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() {
+                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(_components.View, {
         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)
     }, /*#__PURE__*/ _react.default.createElement(_components.Textarea, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
+        ref: textareaRef,
         nativeProps: {
             style: style,
             readOnly: readOnly,
@@ -108,7 +127,7 @@ var TextArea = function TextArea(props) {
         style: _taro.default.getEnv() === 'WEB' ? undefined : style,
         disabled: _taro.default.getEnv() === 'WEB' ? disabled : disabled || readOnly,
         // @ts-ignore
-        value: inputValue,
+        value: innerValue,
         onInput: handleChange,
         onBlur: handleBlur,
         onFocus: handleFocus,
@@ -117,6 +136,6 @@ var TextArea = function TextArea(props) {
         placeholder: placeholder !== undefined ? placeholder : locale.placeholder
     })), showCount && /*#__PURE__*/ _react.default.createElement(_components.View, {
         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/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/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;
 };

package/dist/es/packages/input/input.js

@@ -77,6 +77,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
                 var _inputRef_current;
                 (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
             },
+            get: function() {
+                return inputRef.current;
+            },
             get nativeElement () {
                 return inputRef.current;
             }

package/dist/es/packages/lottie/lottiemp.js

@@ -8,7 +8,7 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var id = "nutLottie-".concat(uuid);
     var animation = useRef();
     var inited = useRef(false);
-    var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed;
+    var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
     var setSpeed = function() {
         if (animation.current) {
             animation.current.setSpeed(Math.abs(speed));
@@ -18,7 +18,7 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     useImperativeHandle(ref, function() {
         return animation.current || {};
     });
-    var dpr = useRef(getWindowInfo().pixelRatio);
+    var pixelRatio = useRef(getWindowInfo().pixelRatio);
     useReady(function() {
         createSelectorQuery().select("#".concat(id)).fields({
             node: true,
@@ -27,11 +27,12 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             try {
                 var canvas = res.node;
                 var context = canvas.getContext('2d');
-                // scale canvas to adapt dpr
+                // scale canvas to adapt pixelRatio
                 if (style && style.width !== undefined && style.height !== undefined) {
-                    canvas.width = parseFloat(style.width.toString()) * dpr.current;
-                    canvas.height = parseFloat(style.height.toString()) * dpr.current;
-                    context.scale(dpr.current, dpr.current);
+                    var finalDpr = dpr ? pixelRatio.current : 1;
+                    canvas.width = parseFloat(style.width.toString()) * finalDpr;
+                    canvas.height = parseFloat(style.height.toString()) * finalDpr;
+                    context.scale(finalDpr, finalDpr);
                 }
                 lottie.setup(canvas);
                 animation.current = lottie.loadAnimation({

package/dist/es/packages/swiper/swiper.js

@@ -3,7 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { Children, useEffect, useImperativeHandle, useMemo, useState } from "react";
+import React, { Children, useImperativeHandle, useMemo, useState } from "react";
 import { Swiper as TaroSwiper, SwiperItem as TSwiperItem, View } from "@tarojs/components";
 import classNames from "classnames";
 import Indicator from "../indicator/index";
@@ -12,27 +12,33 @@ var defaultProps = {
     direction: 'horizontal',
     indicator: false,
     autoPlay: false,
+    autoplay: false,
     loop: false,
     defaultValue: 0,
     style: {}
 };
 var classPrefix = 'nut-swiper';
 export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, loop = _ref.loop, autoPlay = _ref.autoPlay, duration = _ref.duration, direction = _ref.direction, defaultValue = _ref.defaultValue, onChange = _ref.onChange, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, duration = _ref.duration, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = _object_without_properties(_ref, [
         "width",
         "height",
         "className",
         "children",
         "indicator",
+        "indicatorDots",
         "loop",
+        "circular",
         "autoPlay",
+        "autoplay",
         "duration",
+        "vertical",
         "direction",
         "defaultValue",
+        "current",
         "onChange",
         "style"
     ]);
-    var _useState = _sliced_to_array(useState(defaultValue), 2), current = _useState[0], setCurrent = _useState[1];
+    var _useState = _sliced_to_array(useState(current || defaultValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
     var childrenCount = useMemo(function() {
         var c = 0;
         React.Children.map(children, function(child, index) {
@@ -42,47 +48,42 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     }, [
         children
     ]);
-    useEffect(function() {
-        setCurrent(defaultValue);
-    }, [
-        defaultValue
-    ]);
     var renderIndicator = function() {
         if (/*#__PURE__*/ React.isValidElement(indicator)) return indicator;
-        if (indicator) {
+        if (indicator || indicatorDots) {
             var _obj;
             return /*#__PURE__*/ React.createElement(View, {
-                className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-indicator"), true), _define_property(_obj, "".concat(classPrefix, "-indicator-vertical"), direction === 'vertical'), _obj))
+                className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-indicator"), true), _define_property(_obj, "".concat(classPrefix, "-indicator-vertical"), direction === 'vertical' || vertical), _obj))
             }, /*#__PURE__*/ React.createElement(Indicator, {
-                current: current,
+                current: innerValue,
                 total: childrenCount,
-                direction: direction
+                direction: vertical ? 'vertical' : direction
             }));
         }
         return null;
     };
     var handleOnChange = function(value) {
-        setCurrent(value.detail.current);
+        setInnerValue(value.detail.current);
     };
     useImperativeHandle(ref, function() {
         return {
             to: function(value) {
-                setCurrent(value);
+                setInnerValue(value);
             },
             next: function() {
                 if (loop) {
-                    setCurrent((current + 1) % childrenCount);
+                    setInnerValue((innerValue + 1) % childrenCount);
                 } else {
-                    setCurrent(current + 1 >= childrenCount ? current : current + 1);
+                    setInnerValue(innerValue + 1 >= childrenCount ? innerValue : innerValue + 1);
                 }
             },
             prev: function() {
                 if (loop) {
-                    var next = current - 1;
+                    var next = innerValue - 1;
                     next = next < 0 ? childrenCount + next : next;
-                    setCurrent(next % childrenCount);
+                    setInnerValue(next % childrenCount);
                 } else {
-                    setCurrent(current - 1 <= 0 ? 0 : current - 1);
+                    setInnerValue(innerValue - 1 <= 0 ? 0 : innerValue - 1);
                 }
             }
         };
@@ -100,10 +101,10 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             height: !height ? pxTransform(150) : height
         }
     }, /*#__PURE__*/ React.createElement(TaroSwiper, _object_spread({
-        current: current,
+        current: innerValue,
         circular: loop,
-        autoplay: autoPlay,
-        vertical: direction === 'vertical',
+        autoplay: autoplay || autoPlay,
+        vertical: direction === 'vertical' || vertical,
         indicatorDots: false,
         onChange: function(e) {
             var _props_onChange;

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

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { TaroTextAreaProps } from "../../types";
-export declare const TextArea: FunctionComponent<Partial<TaroTextAreaProps>>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<Partial<TaroTextAreaProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/es/packages/textarea/textarea.js

@@ -3,7 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useRef } from "react";
+import React, { forwardRef, useRef, useImperativeHandle } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { Textarea, View } from "@tarojs/components";
@@ -14,14 +14,13 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: '',
     showCount: false,
     maxLength: 140,
-    placeholder: '',
     readOnly: false,
     disabled: false,
     autoSize: false,
     plain: false,
     status: 'default'
 });
-export var TextArea = function(props) {
+export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
     var locale = useConfig().locale;
     var _ref = _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 = _object_without_properties(_ref, [
         "className",
@@ -55,15 +54,16 @@ export var TextArea = function(props) {
         defaultValue: defaultValue,
         finalValue: format(defaultValue),
         onChange: onChange
-    }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
+    }), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
+    var textareaRef = useRef(null);
     var handleChange = function(event) {
         var _event_detail;
         var text = event === null || event === void 0 ? void 0 : (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.value;
         if (text) {
             var value = compositionRef.current ? text : format(text);
-            setInputValue(value);
+            setInnerValue(value);
         } else {
-            setInputValue('');
+            setInnerValue('');
         }
     };
     var isDisabled = function() {
@@ -77,10 +77,29 @@ export var TextArea = function(props) {
         if (isDisabled()) return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    useImperativeHandle(ref, function() {
+        return {
+            clear: function() {
+                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(View, {
         className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-container"), !plain), _define_property(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
     }, /*#__PURE__*/ React.createElement(Textarea, _object_spread_props(_object_spread({}, rest), {
+        ref: textareaRef,
         nativeProps: {
             style: style,
             readOnly: readOnly,
@@ -96,7 +115,7 @@ export var TextArea = function(props) {
         style: Taro.getEnv() === 'WEB' ? undefined : style,
         disabled: Taro.getEnv() === 'WEB' ? disabled : disabled || readOnly,
         // @ts-ignore
-        value: inputValue,
+        value: innerValue,
         onInput: handleChange,
         onBlur: handleBlur,
         onFocus: handleFocus,
@@ -105,6 +124,6 @@ export var TextArea = function(props) {
         placeholder: placeholder !== undefined ? placeholder : locale.placeholder
     })), showCount && /*#__PURE__*/ React.createElement(View, {
         className: classNames("".concat(classPrefix, "-limit"), _define_property({}, "".concat(classPrefix, "-limit-disabled"), disabled))
-    }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
-};
+    }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));
+});
 TextArea.displayName = 'NutTextArea';

package/dist/es/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/es/types/spec/swiper/base.d.ts

@@ -24,10 +24,14 @@ export interface BaseSwiper extends BaseProps {
     */
     loop: boolean
     duration: SimpleValue;
+    /**
+     * @deprecated Please use `autoplay` prop instead.
+     */
+    autoPlay: boolean | number;
     /**
     * 自动轮播
     */
-    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;
 };