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

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

@@ -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/es/utils/index.d.ts

@@ -1,5 +1,4 @@
 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,5 +1,4 @@
 export * from "./bound";
-export * from "./camel-case";
 export * from "./can-use-dom";
 export * from "./clamp";
 export * from "./date";

package/dist/es/utils/index.taro.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

@@ -1824,101 +1824,6 @@ Check the top-level render call using <` + t + ">.");
     }
     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(m2) {
-      return toUpperCase(m2);
-    });
-  };
-  var camelCase = function(input, options2) {
-    if (!(typeof input === "string" || Array.isArray(input))) {
-      throw new TypeError("Expected the input to be `string | string[]`");
-    }
-    options2 = _object_spread({
-      pascalCase: false,
-      preserveConsecutiveUppercase: false
-    }, options2);
-    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 = options2.locale === false ? function(string2) {
-      return string2.toLowerCase();
-    } : function(string2) {
-      return string2.toLocaleLowerCase(options2.locale);
-    };
-    var toUpperCase = options2.locale === false ? function(string2) {
-      return string2.toUpperCase();
-    } : function(string2) {
-      return string2.toLocaleUpperCase(options2.locale);
-    };
-    if (input.length === 1) {
-      if (SEPARATORS.test(input)) {
-        return "";
-      }
-      return options2.pascalCase ? toUpperCase(input) : toLowerCase(input);
-    }
-    var hasUpperCase = input !== toLowerCase(input);
-    if (hasUpperCase) {
-      input = preserveCamelCase(input, toLowerCase, toUpperCase);
-    }
-    input = input.replace(LEADING_SEPARATORS, "");
-    input = options2.preserveConsecutiveUppercase ? preserveConsecutiveUppercase(input, toLowerCase) : toLowerCase(input);
-    if (options2.pascalCase) {
-      input = toUpperCase(input.charAt(0)) + input.slice(1);
-    }
-    return postProcess(input, toUpperCase);
-  };
   var canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   var clamp$2 = function(num, min, max) {
     return Math.min(Math.max(num, min), max);
@@ -19271,14 +19176,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 +19217,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 +19238,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 +19251,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 +19278,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       style,
       disabled,
       readOnly,
-      value: inputValue,
+      value: innerValue,
       onChange: handleChange,
       onBlur: handleBlur,
       onFocus: handleFocus,
@@ -19371,8 +19293,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 +23938,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 +24007,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 +24054,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 +24118,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 +24135,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 +24162,7 @@ Please add \`${key2}Action\` when creating your handler.`);
           count,
           isVertical,
           effect: effect2,
-          current,
+          current: innerValue,
           swiperDirection,
           dragging,
           transforms
@@ -43557,7 +43485,6 @@ Please add \`${key2}Action\` when creating your handler.`);
   exports.VirtualList = VirtualList;
   exports.WaterMark = WaterMark;
   exports.bound = bound;
-  exports.camelCase = camelCase;
   exports.canUseDom = canUseDom;
   exports.cancelRaf = cancelRaf;
   exports.clamp = clamp$2;