@nutui/nutui-react-taro 3.0.19-cpp.8 → 3.0.19

package/dist/es/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/es/packages/avatar/avatar.js

@@ -18,13 +18,14 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     background: '#eee',
     color: '#666',
     fit: 'cover',
+    mode: 'scaleToFill',
     src: '',
     alt: '',
     avatarIndex: 0
 });
 var classPrefix = "nut-avatar";
 export var Avatar = function(props) {
-    var _$_object_spread = _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 = _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 // 是否显示的最大头像个数
      = _sliced_to_array(useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
     var avatarRef = useRef(null);
@@ -80,6 +81,7 @@ export var Avatar = function(props) {
         style: {
             objectFit: fit
         },
+        mode: mode,
         onError: errorEvent
     }), /*#__PURE__*/ React.isValidElement(icon) ? /*#__PURE__*/ React.createElement(View, {
         className: "nut-avatar-text"

package/dist/es/packages/avatarcropper/avatarcropper.js

@@ -4,8 +4,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import React, { useState, useEffect, useMemo, useCallback } from "react";
-import Taro, { useReady, createSelectorQuery } from "@tarojs/taro";
+import React, { useState, useEffect, useMemo, useCallback, useLayoutEffect } from "react";
+import Taro, { createSelectorQuery } from "@tarojs/taro";
 import classNames from "classnames";
 import { Canvas, View } from "@tarojs/components";
 import { getWindowInfo } from "../../utils/taro/get-system-info";
@@ -117,7 +117,7 @@ export var AvatarCropper = function(props) {
         cropperCanvas: null,
         cropperCanvasContext: null
     }), 2), canvasAll = _useState5[0], setCanvasAll = _useState5[1];
-    useReady(function() {
+    useLayoutEffect(function() {
         if (showAlipayCanvas2D) {
             var canvasId = canvasAll.canvasId;
             createSelectorQuery().select("#".concat(canvasId)).node(function(param) {
@@ -129,7 +129,11 @@ export var AvatarCropper = function(props) {
                 }));
             }).exec();
         }
-    });
+    }, [
+        showAlipayCanvas2D,
+        state.displayHeight,
+        state.displayWidth
+    ]);
     useEffect(function() {
         setCanvasAll(_object_spread_props(_object_spread({}, canvasAll), {
             cropperCanvasContext: Taro.createCanvasContext(canvasAll.canvasId)
@@ -307,8 +311,8 @@ export var AvatarCropper = function(props) {
         draw
     ]);
     // 设置绘制图片
-    var setDrawImgInfo = function(image) {
-        return _async_to_generator(function() {
+    var setDrawImgInfo = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(image) {
             var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -358,8 +362,11 @@ export var AvatarCropper = function(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function setDrawImgInfo(image) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var chooseImage = function() {
         Taro.chooseImage({
             count: 1,
@@ -373,8 +380,8 @@ export var AvatarCropper = function(props) {
             }
         });
     };
-    var imageChange = function(file) {
-        return _async_to_generator(function() {
+    var imageChange = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(file) {
             return _ts_generator(this, function(_state) {
                 Taro.getImageInfo({
                     src: file.path
@@ -386,8 +393,11 @@ export var AvatarCropper = function(props) {
                     2
                 ];
             });
-        })();
-    };
+        });
+        return function imageChange(file) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var resetScale = function(scale) {
         setState(_object_spread_props(_object_spread({}, state), {
             moveX: 0,
@@ -543,8 +553,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth,
             destHeight: cropperWidth,
-            success: function(res) {
-                return _async_to_generator(function() {
+            success: /*#__PURE__*/ function() {
+                var _ref = _async_to_generator(function(res) {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -554,8 +564,11 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                })();
-            }
+                });
+                return function(res) {
+                    return _ref.apply(this, arguments);
+                };
+            }()
         });
     };
     // 裁剪图片
@@ -579,8 +592,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth * systemInfo.pixelRatio,
             destHeight: cropperWidth * systemInfo.pixelRatio,
-            success: function(res) {
-                return _async_to_generator(function() {
+            success: /*#__PURE__*/ function() {
+                var _ref = _async_to_generator(function(res) {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -590,8 +603,11 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                })();
-            }
+                });
+                return function(res) {
+                    return _ref.apply(this, arguments);
+                };
+            }()
         });
     };
     var ToolBar = function() {

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

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

package/dist/es/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/es/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/es/packages/avatarcropper/style-jmapp/avatarcropper.scss

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

package/dist/es/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/es/packages/avatarcropper/style-jrkf/avatarcropper.scss

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

package/dist/es/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/es/packages/badge/badge.js

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

package/dist/es/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/es/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/es/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/es/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/es/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/es/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/es/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);

package/dist/es/packages/barrage/barrage.js

@@ -48,13 +48,14 @@ var InternalBarrage = function(props, ref) {
             }
         };
     });
-    var getNodeWidth = function(node) {
-        var type = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'width';
-        return _async_to_generator(function() {
-            var refe;
+    var getNodeWidth = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(node) {
+            var type, refe;
+            var _arguments = arguments;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
+                        type = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 'width';
                         if (!node) return [
                             3,
                             2
@@ -76,8 +77,11 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function getNodeWidth(node) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var clearDomTimeout = function() {
         if (domTimer.current) {
             clearTimeout(domTimer.current);
@@ -85,8 +89,8 @@ var InternalBarrage = function(props, ref) {
         }
     };
     useEffect(function() {
-        var init = function() {
-            return _async_to_generator(function() {
+        var init = /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function() {
                 var _barrageBody_current;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -111,8 +115,11 @@ var InternalBarrage = function(props, ref) {
                             ];
                     }
                 });
-            })();
-        };
+            });
+            return function init() {
+                return _ref.apply(this, arguments);
+            };
+        }();
         domTimer.current = window.setTimeout(function() {
             init();
         }, 300);
@@ -134,8 +141,8 @@ var InternalBarrage = function(props, ref) {
             play();
         }, intervalCache);
     };
-    var setStyle = function(el, currentIndex) {
-        return _async_to_generator(function() {
+    var setStyle = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(el, currentIndex) {
             var refe, width, height, elScrollDuration, error;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -188,8 +195,11 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function setStyle(el, currentIndex) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var play = function() {
         if (!loop && index.current >= list.length) {
             return;

package/dist/es/packages/button/button.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
+import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BasicComponent } from "../../utils/typings";
+type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style'>;
 export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
 export type ButtonShape = 'square' | 'round';
 export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
-export interface ButtonProps extends BasicComponent {
+export interface ButtonProps extends BasicComponent, OmitMiniProgramButtonProps {
     color: string;
     shape: ButtonShape;
     type: ButtonType;
@@ -19,4 +21,5 @@ export interface ButtonProps extends BasicComponent {
     nativeType: 'submit' | 'reset';
     onClick: (e: MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<ButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};