@nutui/nutui-react-taro 3.0.18 → 3.0.19-beta.1

package/dist/es/packages/pulltorefresh/pulltorefresh.js

@@ -31,7 +31,58 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var PullToRefresh = function(p) {
     var doRefresh = function doRefresh() {
-        return _doRefresh.apply(this, arguments);
+        return _async_to_generator(function() {
+            var e;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        setHeight(headHeight);
+                        setStatus('refreshing');
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            props.onRefresh()
+                        ];
+                    case 2:
+                        _state.sent();
+                        setStatus('complete');
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        e = _state.sent();
+                        setHeight(0);
+                        setStatus('pulling');
+                        throw e;
+                    case 4:
+                        if (!(props.completeDelay > 0)) return [
+                            3,
+                            6
+                        ];
+                        return [
+                            4,
+                            sleep(props.completeDelay)
+                        ];
+                    case 5:
+                        _state.sent();
+                        _state.label = 6;
+                    case 6:
+                        setHeight(0);
+                        setStatus('pulling');
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
     };
     var classPrefix = 'nut-pulltorefresh';
     var locale = useConfig().locale;
@@ -88,61 +139,6 @@ export var PullToRefresh = function(p) {
         }
         clearTimeout(timer.current);
     };
-    function _doRefresh() {
-        _doRefresh = _async_to_generator(function() {
-            var e;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setHeight(headHeight);
-                        setStatus('refreshing');
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            3,
-                            ,
-                            4
-                        ]);
-                        return [
-                            4,
-                            props.onRefresh()
-                        ];
-                    case 2:
-                        _state.sent();
-                        setStatus('complete');
-                        return [
-                            3,
-                            4
-                        ];
-                    case 3:
-                        e = _state.sent();
-                        setHeight(0);
-                        setStatus('pulling');
-                        throw e;
-                    case 4:
-                        if (!(props.completeDelay > 0)) return [
-                            3,
-                            6
-                        ];
-                        return [
-                            4,
-                            sleep(props.completeDelay)
-                        ];
-                    case 5:
-                        _state.sent();
-                        _state.label = 6;
-                    case 6:
-                        setHeight(0);
-                        setStatus('pulling');
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return _doRefresh.apply(this, arguments);
-    }
     var handleTouchEnd = function() {
         if (props.disabled) return;
         pullingRef.current = false;

package/dist/es/packages/radio/index.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Radio } from "./radio";
 import { RadioGroup } from "../radiogroup/radiogroup";
 var InnerRadio = Radio;

package/dist/es/packages/radio/radio.js

@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var Radio = function(props) {
     var classPrefix = 'nut-radio';
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, others = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, ariaLabel = _ref.ariaLabel, others = _object_without_properties(_ref, [
         "children",
         "className",
         "style",
@@ -31,7 +31,8 @@ export var Radio = function(props) {
         "value",
         "icon",
         "activeIcon",
-        "onChange"
+        "onChange",
+        "ariaLabel"
     ]);
     // eslint-disable-next-line prefer-const
     var labelPosition = others.labelPosition, disabled = others.disabled;
@@ -110,7 +111,12 @@ export var Radio = function(props) {
     return /*#__PURE__*/ React.createElement(View, {
         className: cls,
         style: style,
-        onClick: handleClick
+        onClick: handleClick,
+        ariaRole: "radio",
+        ariaLabel: ariaLabel,
+        // @ts-ignore
+        ariaChecked: checkedStatement,
+        ariaDisabled: disabled
     }, renderRadioItem());
 };
 Radio.displayName = 'NutRadio';

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

@@ -47,7 +47,12 @@
   }
 
   &-button {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;

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

@@ -26,7 +26,7 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
-  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
@@ -41,7 +41,12 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
 }
 .nut-radio-button {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

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

@@ -74,7 +74,7 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
-  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
@@ -89,7 +89,12 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
 }
 .nut-radio-button {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

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

@@ -47,7 +47,12 @@
   }
 
   &-button {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;

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

@@ -41,7 +41,12 @@
   color: var(--nutui-color-text-disabled);
 }
 .nut-radio-button {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

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

@@ -47,7 +47,12 @@
   }
 
   &-button {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;

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

@@ -41,7 +41,12 @@
   color: var(--nutui-color-text-disabled);
 }
 .nut-radio-button {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

package/dist/es/packages/range/range.js

@@ -225,8 +225,8 @@ export var Range = function(props) {
         onEnd,
         setInnerValue
     ]);
-    var handleClick = useCallback(/*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(event) {
+    var handleClick = useCallback(function(event) {
+        return _async_to_generator(function() {
             var _event_detail, rect, _event_detail_x, x, delta, total, _event_detail1, _event_detail_y, y, value, _innerValue, left, right, middle;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -281,11 +281,8 @@ export var Range = function(props) {
                         ];
                 }
             });
-        });
-        return function(event) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+        })();
+    }, [
         innerValue,
         disabled,
         isRange,
@@ -295,8 +292,8 @@ export var Range = function(props) {
         vertical
     ]);
     useReady(function() {
-        var getRootRect = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function() {
+        var getRootRect = function() {
+            return _async_to_generator(function() {
                 var rect;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -319,11 +316,8 @@ export var Range = function(props) {
                             ];
                     }
                 });
-            });
-            return function getRootRect() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         nextTick(function() {
             getRootRect();
         });
@@ -345,8 +339,8 @@ export var Range = function(props) {
         isRange,
         touch
     ]);
-    var onTouchMove = useCallback(/*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(event) {
+    var onTouchMove = useCallback(function(event) {
+        return _async_to_generator(function() {
             var handleMove;
             return _ts_generator(this, function(_state) {
                 // @TODO RN、鸿蒙端垂直滑动时，页面会一同滑动，待解决
@@ -358,8 +352,8 @@ export var Range = function(props) {
                     dragStatusRef.current = 'draging';
                 }
                 touch.move(event);
-                handleMove = /*#__PURE__*/ function() {
-                    var _ref = _async_to_generator(function() {
+                handleMove = function() {
+                    return _async_to_generator(function() {
                         var delta, total, diff, newValue;
                         return _ts_generator(this, function(_state) {
                             if (!rootRect.current) return [
@@ -385,21 +379,15 @@ export var Range = function(props) {
                                 2
                             ];
                         });
-                    });
-                    return function handleMove() {
-                        return _ref.apply(this, arguments);
-                    };
-                }();
+                    })();
+                };
                 requestAnimationFrame(handleMove);
                 return [
                     2
                 ];
             });
-        });
-        return function(event) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+        })();
+    }, [
         disabled,
         isRange,
         onStart,

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

@@ -182,17 +182,21 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
+      /* #ifndef dynamic*/
       top: initial;
+      right: initial;
+      /* #endif */
       top: 100%;
       left: 50%;
-      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
+      /* #ifndef dynamic*/
       left: initial;
+      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
+    /* #ifndef dynamic*/
     left: initial;
+    /* #endif */
   }
 
   &-mark-text {
@@ -281,13 +290,17 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }
 

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

@@ -157,15 +157,19 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
+  /* #ifndef dynamic*/
   top: initial;
+  right: initial;
+  /* #endif */
   top: 100%;
   left: 50%;
-  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -215,17 +219,23 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -235,12 +245,16 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

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

@@ -157,15 +157,19 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
+  /* #ifndef dynamic*/
   top: initial;
+  right: initial;
+  /* #endif */
   top: 100%;
   left: 50%;
-  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -215,17 +219,23 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
+  /* #ifndef dynamic*/
   right: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -235,12 +245,16 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
+  /* #ifndef dynamic*/
   left: initial;
+  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

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

@@ -182,17 +182,21 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
+      /* #ifndef dynamic*/
       top: initial;
+      right: initial;
+      /* #endif */
       top: 100%;
       left: 50%;
-      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
+      /* #ifndef dynamic*/
       right: initial;
+      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
+      /* #ifndef dynamic*/
       left: initial;
+      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
+    /* #ifndef dynamic*/
     left: initial;
+    /* #endif */
   }
 
   &-mark-text {
@@ -281,13 +290,17 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
+        /* #ifndef dynamic*/
         left: initial;
+        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }