@nutui/nutui-react-taro 3.0.20-beta.0 → 3.0.20-cpp

package/dist/es/packages/imagepreview/style/style.harmony.css

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {

package/dist/es/packages/infiniteloading/infiniteloading.js

@@ -101,8 +101,8 @@ export var InfiniteLoading = function(props) {
         }
         onScroll && onScroll(e.target.scrollTop);
     };
-    var lower = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var lower = function() {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -125,11 +125,8 @@ export var InfiniteLoading = function(props) {
                         ];
                 }
             });
-        });
-        return function lower() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var touchStart = function(event) {
         if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
             y.current = event.touches[0].pageY;
@@ -151,8 +148,8 @@ export var InfiniteLoading = function(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var touchEnd = function() {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -182,11 +179,8 @@ export var InfiniteLoading = function(props) {
                         ];
                 }
             });
-        });
-        return function touchEnd() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     return /*#__PURE__*/ React.createElement(ScrollView, _object_spread_props(_object_spread({}, rest), {
         className: classes,
         scrollY: true,

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

@@ -191,7 +191,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         confirmType: confirmType,
         onBlur: handleBlur,
         onFocus: handleFocus,
-        onInput: handleInput
+        onInput: handleInput,
+        ariaLabel: props.ariaLabel || // eslint-disable-next-line no-nested-ternary
+        (value ? undefined : placeholder === undefined ? locale.placeholder : placeholder)
     })), /*#__PURE__*/ React.createElement(View, {
         style: {
             display: clearable && !readOnly && active && value.length > 0 ? 'flex' : 'none',
@@ -204,8 +206,13 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
                 setValue('');
                 onClear === null || onClear === void 0 ? void 0 : onClear('');
             }
-        }
-    }, clearIcon || /*#__PURE__*/ React.createElement(MaskClose, {
+        },
+        ariaRole: "button",
+        ariaLabel: locale.clear || '清除'
+    }, clearIcon ? /*#__PURE__*/ React.cloneElement(clearIcon, {
+        ariaHidden: true
+    }) : /*#__PURE__*/ React.createElement(MaskClose, {
+        ariaHidden: true,
         className: "nut-input-clear"
     })));
 });

package/dist/es/packages/inputnumber/inputnumber.js

@@ -95,8 +95,8 @@ export var InputNumber = function(props) {
         var stepAmount = parseFloat(stepValue) * symbol;
         return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(negative, e) {
+    var update = function(negative, e) {
+        return _async_to_generator(function() {
             var shouldOverBoundary, maybeResume, nextValue;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -127,13 +127,10 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function update(negative, e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handleReduce = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+        })();
+    };
+    var handleReduce = function(e) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -151,13 +148,10 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handleReduce(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var handlePlus = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+        })();
+    };
+    var handlePlus = function(e) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -175,18 +169,15 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handlePlus(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var parseValue = function(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var handleInputChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(e) {
+    var handleInputChange = function(e) {
+        return _async_to_generator(function() {
             var valueStr, maybeResume;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -215,11 +206,8 @@ export var InputNumber = function(props) {
                         ];
                 }
             });
-        });
-        return function handleInputChange(e) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var handleFocus = function(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : '');
@@ -242,7 +230,7 @@ export var InputNumber = function(props) {
         className: classNames("".concat(classPrefix, "-icon ").concat(classPrefix, "-icon-minus"), _define_property({}, "".concat(classPrefix, "-icon-disabled"), Number(shadowValue) <= Number(min) || disabled))
     })), /*#__PURE__*/ React.createElement("input", {
         className: classNames("".concat(classPrefix, "-input"), _define_property({}, "".concat(classPrefix, "-input-disabled"), disabled)),
-        type: type,
+        type: formatter ? 'text' : type,
         ref: inputRef,
         inputMode: type === 'digit' ? 'decimal' : 'numeric',
         disabled: disabled,

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

@@ -1,5 +1,5 @@
-import React, { useImperativeHandle, useLayoutEffect, useRef } from "react";
-import { createSelectorQuery, getEnv, useUnload } from "@tarojs/taro";
+import React, { useImperativeHandle, useRef } from "react";
+import { createSelectorQuery, getEnv, useReady, useUnload } from "@tarojs/taro";
 import lottie from "@nutui/lottie-miniprogram";
 import { getWindowInfo } from "../../utils/taro/get-system-info";
 import { useUuid } from "../../hooks/use-uuid";
@@ -9,11 +9,17 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     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, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
+    var setSpeed = function() {
+        if (animation.current) {
+            animation.current.setSpeed(Math.abs(speed));
+            animation.current.setDirection(speed > 0 ? 1 : -1);
+        }
+    };
     useImperativeHandle(ref, function() {
         return animation.current || {};
     });
     var pixelRatio = useRef(getWindowInfo().pixelRatio);
-    useLayoutEffect(function() {
+    useReady(function() {
         createSelectorQuery().select("#".concat(id)).fields({
             node: true,
             size: true
@@ -37,28 +43,14 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
                         context: context
                     }
                 });
-                if (onComplete) {
-                    animation.current.addEventListener('complete', onComplete);
-                }
-                if (animation.current) {
-                    animation.current.setSpeed(Math.abs(speed));
-                    animation.current.setDirection(speed > 0 ? 1 : -1);
-                }
+                onComplete && animation.current.addEventListener('complete', onComplete);
+                setSpeed();
                 inited.current = true;
             } catch (error) {
                 console.error(error);
             }
         }).exec();
-    }, [
-        autoPlay,
-        dpr,
-        id,
-        loop,
-        onComplete,
-        source,
-        speed,
-        style
-    ]);
+    });
     useUnload(function() {
         onComplete && animation.current && animation.current.removeEventListener('complete', onComplete);
         animation.current && animation.current.destroy();

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

@@ -1 +1 @@
-import React from "react";
+export { };

package/dist/es/packages/menuitem/menuitem.js

@@ -48,28 +48,30 @@ export var MenuItem = /*#__PURE__*/ forwardRef(function(props, ref) {
         show
     ]);
     var getParentOffset = useCallback(function() {
-        setTimeout(/*#__PURE__*/ _async_to_generator(function() {
-            var p, rect;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        p = parent.menuRef.current;
-                        return [
-                            4,
-                            getRectInMultiPlatform(p)
-                        ];
-                    case 1:
-                        rect = _state.sent();
-                        setPosition({
-                            height: rect.height,
-                            top: rect.top
-                        });
-                        return [
-                            2
-                        ];
-                }
-            });
-        }), 100);
+        setTimeout(function() {
+            return _async_to_generator(function() {
+                var p, rect;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            p = parent.menuRef.current;
+                            return [
+                                4,
+                                getRectInMultiPlatform(p)
+                            ];
+                        case 1:
+                            rect = _state.sent();
+                            setPosition({
+                                height: rect.height,
+                                top: rect.top
+                            });
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }, 100);
     }, [
         parent.menuRef
     ]);

package/dist/es/packages/noticebar/noticebar.js

@@ -126,49 +126,51 @@ export var NoticeBar = function(props) {
         if (showNoticeBar === false) {
             return;
         }
-        nextTick(/*#__PURE__*/ _async_to_generator(function() {
-            var warpRes, contentRes, wrapW, offsetW, canScroll;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        if (!wrapRef.current || !contentRef.current) {
+        nextTick(function() {
+            return _async_to_generator(function() {
+                var warpRes, contentRes, wrapW, offsetW, canScroll;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            if (!wrapRef.current || !contentRef.current) {
+                                return [
+                                    2
+                                ];
+                            }
                             return [
+                                4,
+                                getRectInMultiPlatform(wrapRef.current, wrapRefId)
+                            ];
+                        case 1:
+                            warpRes = _state.sent();
+                            return [
+                                4,
+                                getRectInMultiPlatform(contentRef.current, contentRefId)
+                            ];
+                        case 2:
+                            contentRes = _state.sent();
+                            if (!warpRes || !contentRes) return [
                                 2
                             ];
-                        }
-                        return [
-                            4,
-                            getRectInMultiPlatform(wrapRef.current, wrapRefId)
-                        ];
-                    case 1:
-                        warpRes = _state.sent();
-                        return [
-                            4,
-                            getRectInMultiPlatform(contentRef.current, contentRefId)
-                        ];
-                    case 2:
-                        contentRes = _state.sent();
-                        if (!warpRes || !contentRes) return [
-                            2
-                        ];
-                        wrapW = warpRes.width;
-                        offsetW = contentRes.width;
-                        canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
-                        SetIsCanScroll(canScroll);
-                        if (canScroll) {
-                            SetWrapWidth(wrapW);
-                            SetOffsetW(offsetW);
-                            SetAnimationDuration(offsetW / speed);
-                            SetAnimationClass('play');
-                        } else {
-                            SetAnimationClass('');
-                        }
-                        return [
-                            2
-                        ];
-                }
-            });
-        }));
+                            wrapW = warpRes.width;
+                            offsetW = contentRes.width;
+                            canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
+                            SetIsCanScroll(canScroll);
+                            if (canScroll) {
+                                SetWrapWidth(wrapW);
+                                SetOffsetW(offsetW);
+                                SetAnimationDuration(offsetW / speed);
+                                SetAnimationClass('play');
+                            } else {
+                                SetAnimationClass('');
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        });
     };
     var handleClick = function(event) {
         click && click(event);
@@ -230,36 +232,38 @@ export var NoticeBar = function(props) {
     var init = function() {
         var activeIndex = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         if (!(container === null || container === void 0 ? void 0 : container.current)) return;
-        setTimeout(/*#__PURE__*/ _async_to_generator(function() {
-            var rects, _active, _height, targetOffset;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            getRectInMultiPlatform(container === null || container === void 0 ? void 0 : container.current)
-                        ];
-                    case 1:
-                        rects = _state.sent();
-                        _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
-                        _height = rects === null || rects === void 0 ? void 0 : rects.height;
-                        trackSize = childCount * Number(_height);
-                        targetOffset = getOffset(_active);
-                        activeRef.current = _active;
-                        setRect(rects);
-                        setOffset(targetOffset);
-                        setChildOffset(new Array(childCount).fill(0));
-                        // 关闭动画并立即设置样式
-                        swiperRef.current.moving = true;
-                        setStyle(targetOffset, rects);
-                        swiperRef.current.moving = false;
-                        setReady(true);
-                        return [
-                            2
-                        ];
-                }
-            });
-        }), 0);
+        setTimeout(function() {
+            return _async_to_generator(function() {
+                var rects, _active, _height, targetOffset;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            return [
+                                4,
+                                getRectInMultiPlatform(container === null || container === void 0 ? void 0 : container.current)
+                            ];
+                        case 1:
+                            rects = _state.sent();
+                            _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
+                            _height = rects === null || rects === void 0 ? void 0 : rects.height;
+                            trackSize = childCount * Number(_height);
+                            targetOffset = getOffset(_active);
+                            activeRef.current = _active;
+                            setRect(rects);
+                            setOffset(targetOffset);
+                            setChildOffset(new Array(childCount).fill(0));
+                            // 关闭动画并立即设置样式
+                            swiperRef.current.moving = true;
+                            setStyle(targetOffset, rects);
+                            swiperRef.current.moving = false;
+                            setReady(true);
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        }, 0);
     };
     useEffect(function() {
         if (ready) {

package/dist/es/packages/numberkeyboard/style/style.css

@@ -16,7 +16,7 @@
   /* #ifndef dynamic*/
   box-sizing: content-box;
   /* #endif */
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }