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

package/dist/nutui.react.umd.js

@@ -11537,6 +11537,9 @@
           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;
         }
@@ -13992,14 +13995,13 @@
     defaultValue: "",
     showCount: false,
     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",
@@ -14033,15 +14035,16 @@
       defaultValue,
       finalValue: format2(defaultValue),
       onChange
-    }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
+    }), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
+    var textareaRef = React.useRef(null);
     var handleChange = function(event) {
       var _event_detail;
       var text2 = event === null || event === void 0 ? void 0 : (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.value;
       if (text2) {
         var value3 = compositionRef.current ? text2 : format2(text2);
-        setInputValue(value3);
+        setInnerValue(value3);
       } else {
-        setInputValue("");
+        setInnerValue("");
       }
     };
     var isDisabled = function() {
@@ -14055,10 +14058,29 @@
       if (isDisabled()) return;
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    React.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(components.View, {
       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)
     }, /* @__PURE__ */ React.createElement(components.Textarea, _object_spread_props(_object_spread({}, rest), {
+      ref: textareaRef,
       nativeProps: {
         style,
         readOnly,
@@ -14074,7 +14096,7 @@
       style: Taro.getEnv() === "WEB" ? void 0 : style,
       disabled: Taro.getEnv() === "WEB" ? disabled : disabled || readOnly,
       // @ts-ignore
-      value: inputValue,
+      value: innerValue,
       onInput: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
@@ -14083,8 +14105,8 @@
       placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
     })), showCount && /* @__PURE__ */ React.createElement(components.View, {
       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,
@@ -18713,15 +18735,18 @@
     direction: "horizontal",
     indicator: false,
     autoPlay: false,
+    autoplay: false,
     loop: false,
     defaultValue: 0,
     style: {}
   };
   var classPrefix$4 = "nut-swiper";
   var Swiper = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$i, props), width2 = _ref.width, height2 = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, loop = _ref.loop, autoPlay = _ref.autoPlay;
+    var _ref = _object_spread({}, defaultProps$i, props), width2 = _ref.width, height2 = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop;
+    _ref.circular;
+    var autoPlay = _ref.autoPlay, autoplay = _ref.autoplay;
     _ref.duration;
-    var direction = _ref.direction, defaultValue = _ref.defaultValue;
+    var vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current;
     _ref.onChange;
     var style = _ref.style, rest = _object_without_properties(_ref, [
       "width",
@@ -18729,15 +18754,20 @@
       "className",
       "children",
       "indicator",
+      "indicatorDots",
       "loop",
+      "circular",
       "autoPlay",
+      "autoplay",
       "duration",
+      "vertical",
       "direction",
       "defaultValue",
+      "current",
       "onChange",
       "style"
     ]);
-    var _useState = _sliced_to_array(React.useState(defaultValue), 2), current = _useState[0], setCurrent = _useState[1];
+    var _useState = _sliced_to_array(React.useState(current || defaultValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
     var childrenCount = React.useMemo(function() {
       var c = 0;
       React.Children.map(children, function(child, index2) {
@@ -18747,47 +18777,42 @@
     }, [
       children
     ]);
-    React.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(components.View, {
-          className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$4, "-indicator"), true), _define_property(_obj, "".concat(classPrefix$4, "-indicator-vertical"), direction === "vertical"), _obj))
+          className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$4, "-indicator"), true), _define_property(_obj, "".concat(classPrefix$4, "-indicator-vertical"), direction === "vertical" || vertical), _obj))
         }, /* @__PURE__ */ React.createElement(Indicator, {
-          current,
+          current: innerValue,
           total: childrenCount,
-          direction
+          direction: vertical ? "vertical" : direction
         }));
       }
       return null;
     };
     var handleOnChange = function(value2) {
-      setCurrent(value2.detail.current);
+      setInnerValue(value2.detail.current);
     };
     React.useImperativeHandle(ref, function() {
       return {
         to: function(value2) {
-          setCurrent(value2);
+          setInnerValue(value2);
         },
         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);
           }
         }
       };
@@ -18805,10 +18830,10 @@
         height: !height2 ? pxTransform(150) : height2
       }
     }, /* @__PURE__ */ React.createElement(components.Swiper, _object_spread({
-      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;
@@ -39518,7 +39543,7 @@
     var id = "nutLottie-".concat(uuid);
     var animation = React.useRef();
     var inited = 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() {
       if (animation.current) {
         animation.current.setSpeed(Math.abs(speed));
@@ -39528,7 +39553,7 @@
     React.useImperativeHandle(ref, function() {
       return animation.current || {};
     });
-    var dpr = React.useRef(getWindowInfo().pixelRatio);
+    var pixelRatio = React.useRef(getWindowInfo().pixelRatio);
     Taro.useReady(function() {
       Taro.createSelectorQuery().select("#".concat(id)).fields({
         node: true,
@@ -39538,9 +39563,10 @@
           var canvas = res.node;
           var context2 = canvas.getContext("2d");
           if (style && style.width !== void 0 && style.height !== void 0) {
-            canvas.width = parseFloat(style.width.toString()) * dpr.current;
-            canvas.height = parseFloat(style.height.toString()) * dpr.current;
-            context2.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;
+            context2.scale(finalDpr, finalDpr);
           }
           lottie.setup(canvas);
           animation.current = lottie.loadAnimation({