@nutui/nutui-react-taro 3.0.12 → 3.0.13

package/dist/es/packages/uploader/style-jrkf/style.css

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-surface-overlay));
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/es/packages/uploader/style-jrkf/uploader.scss

@@ -86,6 +86,7 @@
       height: 100%;
       background: $uploader-preview-progress-background;
       border-radius: $uploader-image-border-radius;
+      z-index: 10;
 
       i {
         margin-bottom: $uploader-image-icon-margin-bottom;

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

@@ -60,7 +60,10 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
     * 键盘右下角按钮的文字，仅在type='text'时生效,可选值 send：发送、search：搜索、next：下一个、go：前往、done：完成
     */
     confirmType: CONFIRM_TYPE
-    plain: boolean;
+    /**
+    * 输入框是容器型还是文本型，容器型一般都是带外边框的
+    */
+    plain: boolean
     /**
     * 输入内容格式化函数
     */

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;
 };

package/dist/es/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from './taro/add-color-for-harmony';
 export * from './bound';
-export * from './camel-case';
 export * from './can-use-dom';
 export * from './clamp';
 export * from './date';

package/dist/es/utils/index.js

@@ -1,6 +1,5 @@
 export * from "./taro/add-color-for-harmony";
 export * from "./bound";
-export * from "./camel-case";
 export * from "./can-use-dom";
 export * from "./clamp";
 export * from "./date";

package/dist/es/utils/taro/platform.d.ts

@@ -1,3 +1,4 @@
 export declare const harmony: () => boolean;
 export declare const web: () => boolean;
 export declare const miniprogram: () => boolean;
+export declare const td: () => boolean;

package/dist/es/utils/taro/platform.js

@@ -16,3 +16,8 @@ export var miniprogram = function() {
         'mini'
     ].includes(getEnv().toLowerCase());
 };
+export var td = function() {
+    return [
+        'dynamic'
+    ].includes(getEnv().toLowerCase());
+};

package/dist/es/utils/taro/px-transform.js

@@ -1,7 +1,8 @@
 import { pxTransform as transform } from "@tarojs/taro";
-import { harmony } from "./platform";
+import { harmony, td } from "./platform";
+// td todo
 export function pxTransform(value, radix) {
     // @ts-ignore
-    if (harmony()) return transform(value, radix || 375);
+    if (harmony() || td()) return transform(value, radix || 375);
     return "".concat(value, "px");
 }

package/dist/nutui.react.umd.js

@@ -455,6 +455,11 @@
       "mini"
     ].includes(Taro.getEnv().toLowerCase());
   };
+  var td = function() {
+    return [
+      "dynamic"
+    ].includes(Taro.getEnv().toLowerCase());
+  };
   var prefixCls$2 = "nut-button";
   var defaultProps$1B = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: "",
@@ -1184,7 +1189,7 @@
   };
   ConfigProvider.displayName = "NutConfigProvider";
   function pxTransform(value2, radix) {
-    if (harmony()) return Taro.pxTransform(value2, radix || 375);
+    if (harmony() || td()) return Taro.pxTransform(value2, radix || 375);
     return "".concat(value2, "px");
   }
   var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -8319,101 +8324,6 @@
     }
     return ret;
   }
-  var UPPERCASE = RegExp("[\\p{Lu}]", "u");
-  var LOWERCASE = RegExp("[\\p{Ll}]", "u");
-  var LEADING_CAPITAL = RegExp("^[\\p{Lu}](?![\\p{Lu}])", "gu");
-  var IDENTIFIER = RegExp("([\\p{Alpha}\\p{N}_]|$)", "u");
-  var SEPARATORS = /[_.\- ]+/;
-  var LEADING_SEPARATORS = new RegExp("^".concat(SEPARATORS.source));
-  var SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, "gu");
-  var NUMBERS_AND_IDENTIFIER = new RegExp("\\d+".concat(IDENTIFIER.source), "gu");
-  var preserveCamelCase = function(string2, toLowerCase, toUpperCase) {
-    var isLastCharLower = false;
-    var isLastCharUpper = false;
-    var isLastLastCharUpper = false;
-    for (var index2 = 0; index2 < string2.length; index2++) {
-      var character = string2[index2];
-      if (isLastCharLower && UPPERCASE.test(character)) {
-        string2 = "".concat(string2.slice(0, index2), "-").concat(string2.slice(index2));
-        isLastCharLower = false;
-        isLastLastCharUpper = isLastCharUpper;
-        isLastCharUpper = true;
-        index2++;
-      } else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
-        string2 = "".concat(string2.slice(0, index2 - 1), "-").concat(string2.slice(index2 - 1));
-        isLastLastCharUpper = isLastCharUpper;
-        isLastCharUpper = false;
-        isLastCharLower = true;
-      } else {
-        isLastCharLower = toLowerCase(character) === character && toUpperCase(character) !== character;
-        isLastLastCharUpper = isLastCharUpper;
-        isLastCharUpper = toUpperCase(character) === character && toLowerCase(character) !== character;
-      }
-    }
-    return string2;
-  };
-  var preserveConsecutiveUppercase = function(input, toLowerCase) {
-    LEADING_CAPITAL.lastIndex = 0;
-    return input.replace(LEADING_CAPITAL, function(m1) {
-      return toLowerCase(m1);
-    });
-  };
-  var postProcess = function(input, toUpperCase) {
-    SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
-    NUMBERS_AND_IDENTIFIER.lastIndex = 0;
-    return input.replace(SEPARATORS_AND_IDENTIFIER, function(_, identifier) {
-      return toUpperCase(identifier);
-    }).replace(NUMBERS_AND_IDENTIFIER, function(m) {
-      return toUpperCase(m);
-    });
-  };
-  var camelCase = function(input, options) {
-    if (!(typeof input === "string" || Array.isArray(input))) {
-      throw new TypeError("Expected the input to be `string | string[]`");
-    }
-    options = _object_spread({
-      pascalCase: false,
-      preserveConsecutiveUppercase: false
-    }, options);
-    if (Array.isArray(input)) {
-      input = input.map(function(x) {
-        return x.trim();
-      }).filter(function(x) {
-        return x.length;
-      }).join("-");
-    } else {
-      input = input.trim();
-    }
-    if (input.length === 0) {
-      return "";
-    }
-    var toLowerCase = options.locale === false ? function(string2) {
-      return string2.toLowerCase();
-    } : function(string2) {
-      return string2.toLocaleLowerCase(options.locale);
-    };
-    var toUpperCase = options.locale === false ? function(string2) {
-      return string2.toUpperCase();
-    } : function(string2) {
-      return string2.toLocaleUpperCase(options.locale);
-    };
-    if (input.length === 1) {
-      if (SEPARATORS.test(input)) {
-        return "";
-      }
-      return options.pascalCase ? toUpperCase(input) : toLowerCase(input);
-    }
-    var hasUpperCase = input !== toLowerCase(input);
-    if (hasUpperCase) {
-      input = preserveCamelCase(input, toLowerCase, toUpperCase);
-    }
-    input = input.replace(LEADING_SEPARATORS, "");
-    input = options.preserveConsecutiveUppercase ? preserveConsecutiveUppercase(input, toLowerCase) : toLowerCase(input);
-    if (options.pascalCase) {
-      input = toUpperCase(input.charAt(0)) + input.slice(1);
-    }
-    return postProcess(input, toUpperCase);
-  };
   var clamp = function(num, min, max) {
     return Math.min(Math.max(num, min), max);
   };
@@ -8796,7 +8706,7 @@
               ];
             case 1:
               placeholder = _state.sent();
-              placeholderHeight = placeholder.height || 0;
+              placeholderHeight = placeholder.height || 36;
               return [
                 2,
                 placeholderHeight
@@ -8806,7 +8716,7 @@
               console.error("获取高度失败:", error);
               return [
                 2,
-                0
+                36
               ];
             case 3:
               return [
@@ -8828,7 +8738,7 @@
         if (currentLineSpacing) {
           lineSpacing.current = parseFloat(currentLineSpacing);
         }
-      } else {
+      } else if (placeholderRef.current) {
         getReactHeight().then(function(height2) {
           currentLineSpacing = height2;
           if (currentLineSpacing) {
@@ -13992,14 +13902,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 +13942,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 +13965,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 +14003,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 +14012,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,
@@ -17689,7 +17618,7 @@
   };
   AvatarGroup.displayName = "NutAvatarGroup";
   var defaultProps$p = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    size: harmony() ? "40" : "",
+    size: harmony() || td() ? "40" : "",
     shape: "round",
     icon: "",
     background: "#eee",
@@ -18713,15 +18642,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 +18661,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 +18684,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 +18737,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 +39450,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 +39460,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 +39470,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({
@@ -39756,11 +39689,11 @@
       }
     }, addColorForHarmony(next || locale.pagination.next, current >= pageCount ? "#c2c4cc" : "#ff0f23"))), mode === "lite" && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-lite")
-    }, /* @__PURE__ */ React.createElement(components.View, {
+    }, /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-lite-active")
-    }, current), /* @__PURE__ */ React.createElement(components.View, {
+    }, current), /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-lite-spliterator")
-    }, "/"), /* @__PURE__ */ React.createElement(components.View, {
+    }, "/"), /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-lite-default")
     }, pageCount)));
   };
@@ -42125,7 +42058,6 @@
   exports.WaterMark = WaterMark;
   exports.addColorForHarmony = addColorForHarmony;
   exports.bound = bound;
-  exports.camelCase = camelCase;
   exports.canUseDom = canUseDom;
   exports.cancelRaf = cancelRaf;
   exports.clamp = clamp;
@@ -42172,6 +42104,7 @@
   exports.rubberbandIfOutOfBounds = rubberbandIfOutOfBounds;
   exports.setDefaultConfig = setDefaultConfig;
   exports.sleep = sleep;
+  exports.td = td;
   exports.toArray = toArray;
   exports.unmount = unmount;
   exports.upperCaseFirst = upperCaseFirst;