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

package/dist/cjs/packages/address/style/style.harmony.css

@@ -21,7 +21,9 @@
   min-height: 100%;
   width: 100%;
   background-color: var(--nutui-elevator-list-bg-color, #ffffff);
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-elevator-list-item {
   display: flex;
@@ -95,7 +97,12 @@
   flex-direction: column;
 }
 .nut-elevator-bars-inner-item {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   height: 16px;
@@ -533,7 +540,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;
@@ -634,14 +643,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 12px);
   height: var(--nutui-tabs-tab-line-height, 2px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }
@@ -855,8 +868,10 @@
   background: var(--nutui-color-background-overlay, #ffffff);
 }
 .nut-cascader .nut-tabs-titles-item {
+  /* #ifndef dynamic*/
   flex: initial;
   min-width: auto;
+  /* #endif */
   width: auto;
   padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
   white-space: nowrap;

package/dist/cjs/packages/address/utils.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
+        get: all[name]
     });
 }
 _export(exports, {
-    get findDataByName () {
+    findDataByName: function() {
         return findDataByName;
     },
-    get transformData () {
+    transformData: function() {
         return transformData;
     }
 });

package/dist/cjs/packages/animatingnumbers/countup.js

@@ -72,6 +72,8 @@ var CountUp = function CountUp(props) {
                             transitionDuration: "".concat(duration, "s"),
                             transform: transform
                         });
+                    } else {
+                        transformArrCache.push({});
                     }
                 });
                 setTransformArr((0, _to_consumable_array._)(transformArrCache));

package/dist/cjs/packages/animatingnumbers/style/style.harmony.css

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-countup-list {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-countup-height, 32px);
   overflow: hidden;
   direction: ltr;

package/dist/cjs/packages/audio/style/style.harmony.css

@@ -60,6 +60,9 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -537,15 +540,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;
@@ -595,17 +602,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 {
@@ -615,12 +628,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/cjs/packages/avatar/avatar.js

@@ -30,13 +30,14 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     background: '#eee',
     color: '#666',
     fit: 'cover',
+    mode: 'scaleToFill',
     src: '',
     alt: '',
     avatarIndex: 0
 });
 var classPrefix = "nut-avatar";
 var Avatar = function Avatar(props) {
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, mode = _$_object_spread.mode, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
     var _useState // 是否显示的最大头像个数
      = (0, _sliced_to_array._)((0, _react.useState)(false), 2), showMax = _useState[0], setShowMax = _useState[1];
     var avatarRef = (0, _react.useRef)(null);
@@ -92,6 +93,7 @@ var Avatar = function Avatar(props) {
         style: {
             objectFit: fit
         },
+        mode: mode,
         onError: errorEvent
     }), /*#__PURE__*/ _react.default.isValidElement(icon) ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-avatar-text"

package/dist/cjs/packages/avatarcropper/avatarcropper.js

@@ -129,7 +129,7 @@ var AvatarCropper = function AvatarCropper(props) {
         cropperCanvas: null,
         cropperCanvasContext: null
     }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
-    (0, _taro.useReady)(function() {
+    (0, _react.useLayoutEffect)(function() {
         if (showAlipayCanvas2D) {
             var canvasId = canvasAll.canvasId;
             (0, _taro.createSelectorQuery)().select("#".concat(canvasId)).node(function(param) {
@@ -141,7 +141,11 @@ var AvatarCropper = function AvatarCropper(props) {
                 }));
             }).exec();
         }
-    });
+    }, [
+        showAlipayCanvas2D,
+        state.displayHeight,
+        state.displayWidth
+    ]);
     (0, _react.useEffect)(function() {
         setCanvasAll((0, _object_spread_props._)((0, _object_spread._)({}, canvasAll), {
             cropperCanvasContext: _taro.default.createCanvasContext(canvasAll.canvasId)
@@ -319,8 +323,8 @@ var AvatarCropper = function AvatarCropper(props) {
         draw
     ]);
     // 设置绘制图片
-    var setDrawImgInfo = function setDrawImgInfo(image) {
-        return (0, _async_to_generator._)(function() {
+    var setDrawImgInfo = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(image) {
             var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -370,8 +374,11 @@ var AvatarCropper = function AvatarCropper(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function setDrawImgInfo(image) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var chooseImage = function chooseImage() {
         _taro.default.chooseImage({
             count: 1,
@@ -385,8 +392,8 @@ var AvatarCropper = function AvatarCropper(props) {
             }
         });
     };
-    var imageChange = function imageChange(file) {
-        return (0, _async_to_generator._)(function() {
+    var imageChange = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(file) {
             return (0, _ts_generator._)(this, function(_state) {
                 _taro.default.getImageInfo({
                     src: file.path
@@ -398,8 +405,11 @@ var AvatarCropper = function AvatarCropper(props) {
                     2
                 ];
             });
-        })();
-    };
+        });
+        return function imageChange(file) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var resetScale = function resetScale(scale) {
         setState((0, _object_spread_props._)((0, _object_spread._)({}, state), {
             moveX: 0,
@@ -555,8 +565,8 @@ var AvatarCropper = function AvatarCropper(props) {
             height: cropperWidth,
             destWidth: cropperWidth,
             destHeight: cropperWidth,
-            success: function success(res) {
-                return (0, _async_to_generator._)(function() {
+            success: /*#__PURE__*/ function() {
+                var _ref = (0, _async_to_generator._)(function(res) {
                     var filePath;
                     return (0, _ts_generator._)(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -566,8 +576,11 @@ var AvatarCropper = function AvatarCropper(props) {
                             2
                         ];
                     });
-                })();
-            }
+                });
+                return function(res) {
+                    return _ref.apply(this, arguments);
+                };
+            }()
         });
     };
     // 裁剪图片
@@ -591,8 +604,8 @@ var AvatarCropper = function AvatarCropper(props) {
             height: cropperWidth,
             destWidth: cropperWidth * systemInfo.pixelRatio,
             destHeight: cropperWidth * systemInfo.pixelRatio,
-            success: function success(res) {
-                return (0, _async_to_generator._)(function() {
+            success: /*#__PURE__*/ function() {
+                var _ref = (0, _async_to_generator._)(function(res) {
                     var filePath;
                     return (0, _ts_generator._)(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -602,8 +615,11 @@ var AvatarCropper = function AvatarCropper(props) {
                             2
                         ];
                     });
-                })();
-            }
+                });
+                return function(res) {
+                    return _ref.apply(this, arguments);
+                };
+            }()
         });
     };
     var ToolBar = function ToolBar() {

package/dist/cjs/packages/avatarcropper/style/avatarcropper.scss

@@ -59,7 +59,9 @@
 
       &.top {
         top: 0;
+        /* #ifndef dynamic*/
         bottom: inherit;
+        /* #endif */
       }
 
       &-flex {

package/dist/cjs/packages/avatarcropper/style/style.css

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

package/dist/cjs/packages/avatarcropper/style/style.harmony.css

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

package/dist/cjs/packages/avatarcropper/style-jmapp/avatarcropper.scss

@@ -59,7 +59,9 @@
 
       &.top {
         top: 0;
+        /* #ifndef dynamic*/
         bottom: inherit;
+        /* #endif */
       }
 
       &-flex {

package/dist/cjs/packages/avatarcropper/style-jmapp/style.css

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

package/dist/cjs/packages/avatarcropper/style-jrkf/avatarcropper.scss

@@ -59,7 +59,9 @@
 
       &.top {
         top: 0;
+        /* #ifndef dynamic*/
         bottom: inherit;
+        /* #endif */
       }
 
       &-flex {

package/dist/cjs/packages/avatarcropper/style-jrkf/style.css

@@ -58,7 +58,9 @@
 }
 .nut-avatar-cropper-popup-toolbar.top {
   top: 0;
+  /* #ifndef dynamic*/
   bottom: inherit;
+  /* #endif */
 }
 .nut-avatar-cropper-popup-toolbar-flex {
   width: 100%;

package/dist/cjs/packages/badge/badge.js

@@ -66,8 +66,8 @@ var Badge = function Badge(props) {
             getPositionStyle();
         }
     }, []);
-    var getPositionStyle = function getPositionStyle() {
-        return (0, _async_to_generator._)(function() {
+    var getPositionStyle = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             var style;
             return (0, _ts_generator._)(this, function(_state) {
                 style = (0, _define_property._)({
@@ -78,8 +78,11 @@ var Badge = function Badge(props) {
                     2
                 ];
             });
-        })();
-    };
+        });
+        return function getPositionStyle() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var _obj1;
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: classes,

package/dist/cjs/packages/badge/style/badge.scss

@@ -1,8 +1,13 @@
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 
   &-icon {
@@ -38,7 +43,12 @@
   }
 
   &-sup {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;

package/dist/cjs/packages/badge/style/style.css

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

package/dist/cjs/packages/badge/style/style.harmony.css

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

package/dist/cjs/packages/badge/style-jmapp/badge.scss

@@ -1,8 +1,13 @@
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 
   &-icon {
@@ -38,7 +43,12 @@
   }
 
   &-sup {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;

package/dist/cjs/packages/badge/style-jmapp/style.css

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, calc(var(--nutui-badge-height, 20px) / 2));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 8px);
   padding: var(--nutui-badge-padding, 0 4px);

package/dist/cjs/packages/badge/style-jrkf/badge.scss

@@ -1,8 +1,13 @@
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 
   &-icon {
@@ -38,7 +43,12 @@
   }
 
   &-sup {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     text-align: center;
     min-width: $badge-min-width;
     padding: $badge-padding;

package/dist/cjs/packages/badge/style-jrkf/style.css

@@ -4,9 +4,14 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
-  vertical-align: middle;
   box-sizing: content-box;
+  /* #endif */
+  vertical-align: middle;
   width: auto;
 }
 .nut-badge-icon {
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, calc(var(--nutui-badge-height, 20px) / 2));
 }
 .nut-badge-sup {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 8px);
   padding: var(--nutui-badge-padding, 0 4px);