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

package/dist/es/packages/form/useform.js

@@ -18,7 +18,6 @@ export var SECRET = 'NUT_FORM_INTERNAL';
         var _this = this;
         var _this1 = this;
         _class_call_check(this, FormStore);
-        var _this2 = this;
         // 初始化数据
         _define_property(this, "initialValues", {});
         _define_property(this, "updateList", []);
@@ -106,8 +105,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
         _define_property(this, "setCallback", function(callback) {
             _this.callbacks = _object_spread({}, _this.callbacks, callback);
         });
-        _define_property(this, "validateEntities", /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(entity, errs) {
+        _define_property(this, "validateEntities", function(entity, errs) {
+            return _async_to_generator(function() {
                 var _entity_props, name, _entity_props_rules, rules, descriptor, validator, _this_store, param, errors, _errs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -142,7 +141,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ]);
                             return [
                                 4,
-                                validator.validate(_define_property({}, name, (_this_store = _this2.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
+                                validator.validate(_define_property({}, name, (_this_store = this.store) === null || _this_store === void 0 ? void 0 : _this_store[name]))
                             ];
                         case 2:
                             _state.sent();
@@ -156,7 +155,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             if (errors) {
                                 ;
                                 (_errs = errs).push.apply(_errs, _to_consumable_array(errors));
-                                _this2.errors[name] = errors;
+                                this.errors[name] = errors;
                             }
                             return [
                                 3,
@@ -164,7 +163,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                         case 4:
                             if (!errs || errs.length === 0) {
-                                _this2.errors[name] = [];
+                                this.errors[name] = [];
                             }
                             return [
                                 7
@@ -176,23 +175,21 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            });
-            return function(entity, errs) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        _define_property(this, "validateFields", /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function(nameList) {
-                var filterEntities, errs;
+            }).call(_this);
+        });
+        _define_property(this, "validateFields", function(nameList) {
+            return _async_to_generator(function() {
+                var _this, filterEntities, errs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
+                            _this = this;
                             filterEntities = [];
                             // this.errors.length = 0
                             if (!nameList || nameList.length === 0) {
-                                filterEntities = _this2.fieldEntities;
+                                filterEntities = this.fieldEntities;
                             } else {
-                                filterEntities = _this2.fieldEntities.filter(function(param) {
+                                filterEntities = this.fieldEntities.filter(function(param) {
                                     var name = param.props.name;
                                     return nameList.includes(name);
                                 });
@@ -200,14 +197,14 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             errs = [];
                             return [
                                 4,
-                                Promise.all(filterEntities.map(/*#__PURE__*/ function() {
-                                    var _ref = _async_to_generator(function(entity) {
+                                Promise.all(filterEntities.map(function(entity) {
+                                    return _async_to_generator(function() {
                                         return _ts_generator(this, function(_state) {
                                             switch(_state.label){
                                                 case 0:
                                                     return [
                                                         4,
-                                                        _this2.validateEntities(entity, errs)
+                                                        this.validateEntities(entity, errs)
                                                     ];
                                                 case 1:
                                                     _state.sent();
@@ -216,11 +213,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                                                     ];
                                             }
                                         });
-                                    });
-                                    return function(entity) {
-                                        return _ref.apply(this, arguments);
-                                    };
-                                }()))
+                                    }).call(_this);
+                                }))
                             ];
                         case 1:
                             _state.sent();
@@ -230,35 +224,34 @@ export var SECRET = 'NUT_FORM_INTERNAL';
                             ];
                     }
                 });
-            });
-            return function(nameList) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        _define_property(this, "submit", /*#__PURE__*/ _async_to_generator(function() {
-            var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            _this2.validateFields()
-                        ];
-                    case 1:
-                        errors = _state.sent();
-                        if (errors.length === 0) {
-                            ;
-                            (_this_callbacks_onFinish = (_this_callbacks = _this2.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, _this2.store);
-                        } else if (errors.length > 0) {
-                            ;
-                            (_this_callbacks_onFinishFailed = (_this_callbacks1 = _this2.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, _this2.store, errors);
-                        }
-                        return [
-                            2
-                        ];
-                }
-            });
-        }));
+            }).call(_this);
+        });
+        _define_property(this, "submit", function() {
+            return _async_to_generator(function() {
+                var errors, _this_callbacks_onFinish, _this_callbacks, _this_callbacks_onFinishFailed, _this_callbacks1;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            return [
+                                4,
+                                this.validateFields()
+                            ];
+                        case 1:
+                            errors = _state.sent();
+                            if (errors.length === 0) {
+                                ;
+                                (_this_callbacks_onFinish = (_this_callbacks = this.callbacks).onFinish) === null || _this_callbacks_onFinish === void 0 ? void 0 : _this_callbacks_onFinish.call(_this_callbacks, this.store);
+                            } else if (errors.length > 0) {
+                                ;
+                                (_this_callbacks_onFinishFailed = (_this_callbacks1 = this.callbacks).onFinishFailed) === null || _this_callbacks_onFinishFailed === void 0 ? void 0 : _this_callbacks_onFinishFailed.call(_this_callbacks1, this.store, errors);
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }).call(_this);
+        });
         _define_property(this, "resetFields", function(namePaths) {
             if (namePaths && namePaths.length) {
                 namePaths.forEach(function(path) {

package/dist/es/packages/formitem/style/formitem.scss

@@ -172,10 +172,10 @@
   padding-left: 0;
   padding-right: 12px;
 
-  .required {
-    left: auto;
-    right: 0.1em;
-  }
+  // .required {
+  //   left: auto;
+  //   right: 0.1em;
+  // }
 }
 
 [dir='rtl'] .form-layout-top .nut-form-item-label,

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

package/dist/es/packages/formitem/style-jmapp/formitem.scss

@@ -172,10 +172,10 @@
   padding-left: 0;
   padding-right: 12px;
 
-  .required {
-    left: auto;
-    right: 0.1em;
-  }
+  // .required {
+  //   left: auto;
+  //   right: 0.1em;
+  // }
 }
 
 [dir='rtl'] .form-layout-top .nut-form-item-label,

package/dist/es/packages/formitem/style-jmapp/style.css

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

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

@@ -172,10 +172,10 @@
   padding-left: 0;
   padding-right: 12px;
 
-  .required {
-    left: auto;
-    right: 0.1em;
-  }
+  // .required {
+  //   left: auto;
+  //   right: 0.1em;
+  // }
 }
 
 [dir='rtl'] .form-layout-top .nut-form-item-label,

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

@@ -156,11 +156,6 @@
   padding-left: 0;
   padding-right: 12px;
 }
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
 
 [dir=rtl] .form-layout-top .nut-form-item-label,
 .nut-rtl .form-layout-top .nut-form-item-label {

package/dist/es/packages/image/image.js

@@ -9,6 +9,7 @@ import { Image as TImage, View } from "@tarojs/components";
 import { Image as ImageIcon, ImageError } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { pxTransform } from "../../utils/taro/px-transform";
+import { useConfig } from "../configprovider/index";
 var defaultProps = {
     src: '',
     error: true,
@@ -30,6 +31,7 @@ export var Image = function(props) {
     ]);
     var _useState = _sliced_to_array(useState(true), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), isError = _useState1[0], setIsError = _useState1[1];
+    var locale = useConfig().locale;
     var pxCheck = function(value) {
         return Number.isNaN(Number(value)) ? String(value) : pxTransform(+value);
     };
@@ -62,8 +64,11 @@ export var Image = function(props) {
         if (!isError) return null;
         if (typeof error === 'boolean' && error === true && !innerLoading) {
             return /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-error")
-            }, /*#__PURE__*/ React.createElement(ImageError, null));
+                className: "".concat(classPrefix, "-error"),
+                ariaLabel: locale.image.errorTip || ''
+            }, /*#__PURE__*/ React.createElement(ImageError, {
+                ariaHidden: true
+            }));
         }
         if (/*#__PURE__*/ React.isValidElement(error) && !innerLoading) {
             return /*#__PURE__*/ React.createElement(View, {
@@ -74,7 +79,8 @@ export var Image = function(props) {
     }, [
         error,
         isError,
-        innerLoading
+        innerLoading,
+        locale
     ]);
     var renderLoading = useCallback(function() {
         if (!loading) return null;
@@ -100,6 +106,8 @@ export var Image = function(props) {
         className: classNames("".concat(classPrefix, "-default"), className && "".concat(className, "-image"), _define_property({}, "".concat(classPrefix, "-error"), isError)),
         style: imgStyle,
         src: src,
+        // @ts-ignore
+        ariaHidden: isError,
         onLoad: function(e) {
             return handleLoad(e);
         },

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,