@nutui/nutui-react 3.0.19-beta.2 → 3.0.19

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

@@ -82,14 +82,23 @@
 .nut-toast-text {
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
   line-height: 20px;
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
   font-size: var(--nutui-toast-title-font-size, 16px);
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  /* #ifndef harmony dynamic*/
   line-height: 22px;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -93,7 +93,11 @@
   &-text {
     color: #ffffff;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
     line-height: 20px;
+    height: auto;
   }
 
   &-title {
@@ -101,7 +105,12 @@
     font-size: $toast-title-font-size;
     font-weight: 600;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
+    /* #ifndef harmony dynamic*/
     line-height: 22px;
+    /* #endif */
   }
 
   .nut-icon {

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

@@ -82,14 +82,23 @@
 .nut-toast-text {
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
   line-height: 20px;
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
   font-size: var(--nutui-toast-title-font-size, 16px);
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  /* #ifndef harmony dynamic*/
   line-height: 22px;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -93,7 +93,11 @@
   &-text {
     color: #ffffff;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
     line-height: 20px;
+    height: auto;
   }
 
   &-title {
@@ -101,7 +105,12 @@
     font-size: $toast-title-font-size;
     font-weight: 600;
     text-align: $toast-inner-text-align;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
+    /* #ifndef harmony dynamic*/
     line-height: 22px;
+    /* #endif */
   }
 
   .nut-icon {

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

@@ -18,7 +18,9 @@
   display: block;
   padding: var(--nutui-tour-content-padding, 10px 12px);
   min-width: var(--nutui-tour-content-min-width, 200px);
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
 }
 .nut-tour-content-top {
   display: block;

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

@@ -18,7 +18,9 @@
     display: block;
     padding: $tour-content-padding;
     min-width: $tour-content-min-width;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
 
     &-top {
       display: block;

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

@@ -18,7 +18,9 @@
   display: block;
   padding: var(--nutui-tour-content-padding, 10px 12px);
   min-width: var(--nutui-tour-content-min-width, 200px);
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
 }
 .nut-tour-content-top {
   display: block;

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

@@ -18,7 +18,9 @@
     display: block;
     padding: $tour-content-padding;
     min-width: $tour-content-min-width;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
 
     &-top {
       display: block;

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

@@ -18,7 +18,9 @@
   display: block;
   padding: var(--nutui-tour-content-padding, 10px 12px);
   min-width: var(--nutui-tour-content-min-width, 200px);
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
 }
 .nut-tour-content-top {
   display: block;

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

@@ -18,7 +18,9 @@
     display: block;
     padding: $tour-content-padding;
     min-width: $tour-content-min-width;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
 
     &-top {
       display: block;

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

@@ -164,7 +164,9 @@
   justify-content: center;
   align-items: center;
   height: 100%;
+  /* #ifndef dynamic*/
   position: initial;
+  /* #endif */
   border-radius: var(--nutui-uploader-image-border-radius, 4px);
 }
 .nut-uploader-preview-img-file {

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

@@ -179,7 +179,9 @@
         justify-content: center;
         align-items: center;
         height: 100%;
+        /* #ifndef dynamic*/
         position: initial;
+        /* #endif */
         border-radius: $uploader-image-border-radius;
       }
 

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

@@ -164,7 +164,9 @@
   justify-content: center;
   align-items: center;
   height: 100%;
+  /* #ifndef dynamic*/
   position: initial;
+  /* #endif */
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
 }
 .nut-uploader-preview-img-file {

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

@@ -179,7 +179,9 @@
         justify-content: center;
         align-items: center;
         height: 100%;
+        /* #ifndef dynamic*/
         position: initial;
+        /* #endif */
         border-radius: $uploader-image-border-radius;
       }
 

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

@@ -164,7 +164,9 @@
   justify-content: center;
   align-items: center;
   height: 100%;
+  /* #ifndef dynamic*/
   position: initial;
+  /* #endif */
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
 }
 .nut-uploader-preview-img-file {

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

@@ -179,7 +179,9 @@
         justify-content: center;
         align-items: center;
         height: 100%;
+        /* #ifndef dynamic*/
         position: initial;
+        /* #endif */
         border-radius: $uploader-image-border-radius;
       }
 

package/dist/es/packages/uploader/uploader.js

@@ -99,24 +99,22 @@ var InternalUploader = function(props, ref) {
     ]);
     useImperativeHandle(ref, function() {
         return {
-            submit: function() {
-                return _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    uploadAction(uploadQueue)
-                                ];
-                            case 1:
-                                _state.sent();
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                })();
-            },
+            submit: /*#__PURE__*/ _async_to_generator(function() {
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            return [
+                                4,
+                                uploadAction(uploadQueue)
+                            ];
+                        case 1:
+                            _state.sent();
+                            return [
+                                2
+                            ];
+                    }
+                });
+            }),
             clear: function() {
                 clearUploadQueue();
             }
@@ -173,8 +171,8 @@ var InternalUploader = function(props, ref) {
             }
         });
     };
-    var fileChange = function(event) {
-        return _async_to_generator(function() {
+    var fileChange = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(event) {
             var $el, files, _files, filesArr, tasks;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -260,10 +258,13 @@ var InternalUploader = function(props, ref) {
                         ];
                 }
             });
-        })();
-    };
-    var uploadAction = function(tasks) {
-        return _async_to_generator(function() {
+        });
+        return function fileChange(event) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var uploadAction = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(tasks) {
             var taskIds;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -282,8 +283,8 @@ var InternalUploader = function(props, ref) {
                         }));
                         return [
                             4,
-                            Promise.all(tasks.map(function(currentTask, index) {
-                                return _async_to_generator(function() {
+                            Promise.all(tasks.map(/*#__PURE__*/ function() {
+                                var _ref = _async_to_generator(function(currentTask, index) {
                                     var result, list, e, list1;
                                     return _ts_generator(this, function(_state) {
                                         switch(_state.label){
@@ -330,8 +331,11 @@ var InternalUploader = function(props, ref) {
                                                 ];
                                         }
                                     });
-                                })();
-                            })).catch(function(errs) {
+                                });
+                                return function(currentTask, index) {
+                                    return _ref.apply(this, arguments);
+                                };
+                            }())).catch(function(errs) {
                                 return console.error(errs);
                             })
                         ];
@@ -342,8 +346,11 @@ var InternalUploader = function(props, ref) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function uploadAction(tasks) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var handleItemClick = function(file, index) {
         onFileItemClick === null || onFileItemClick === void 0 ? void 0 : onFileItemClick(file, index);
     };

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

@@ -35,7 +35,9 @@
 }
 
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 
 .nut-virtuallist {

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

@@ -35,7 +35,9 @@
 }
 
 .nut-virtualList-box {
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 
 .nut-virtuallist {

package/dist/es/packages/watermark/watermark.js

@@ -59,16 +59,20 @@ export var WaterMark = function(props) {
                     setBase64Url(canvas.toDataURL());
                 };
             } else if (content) {
-                ctx.textBaseline = 'middle'; // 设置或返回在绘制文本时使用的当前文本基线。(正中)
-                ctx.textAlign = 'center'; // 设置或返回文本内容的当前对齐方式。
+                ctx.textBaseline = 'middle' // 设置或返回在绘制文本时使用的当前文本基线。(正中)
+                ;
+                ctx.textAlign = 'center' // 设置或返回文本内容的当前对齐方式。
+                ;
                 // 文字绕中间旋转
                 ctx.translate(markWidth / 2, markHeight / 2);
                 ctx.rotate(Math.PI / 180 * Number(rotate));
                 var markSize = Number(fontSize) * ratio;
                 ctx.font = "".concat(fontStyle, " normal ").concat(fontWeight, " ").concat(markSize, "px/").concat(markHeight, "px ").concat(fontFamily);
                 ctx.fillStyle = color;
-                ctx.fillText(content, startX, startY); // 在画布上绘制"被填充的"文本。
-                ctx.restore(); // 返回之前保存过的路径状态和属性。
+                ctx.fillText(content, startX, startY) // 在画布上绘制"被填充的"文本。
+                ;
+                ctx.restore() // 返回之前保存过的路径状态和属性。
+                ;
                 setBase64Url(canvas.toDataURL());
             }
         } else {

package/dist/es/types/spec/address/base.js

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

package/dist/es/types/spec/dialog/base.d.ts

@@ -39,6 +39,14 @@ export interface BaseDialog extends DialogWrapProps {
     */
     cancelText: ReactNode
     /**
+    * 确认按钮徽标
+    */
+    confirmBadge: ReactNode
+    /**
+    * 取消按钮徽标
+    */
+    cancelBadge: ReactNode
+    /**
     * 是否隐藏确定按钮
     */
     hideConfirmButton: boolean

package/dist/es/types/spec/input/base.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Align } from '../../base/atoms';
 import { BaseProps } from '../../base/props';
 export type InputFormatTrigger = 'onChange' | 'onBlur';
@@ -65,6 +65,10 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
     */
     plain: boolean
     /**
+    * 输入框样式
+    */
+    inputStyle?: CSSProperties
+    /**
     * 输入内容格式化函数
     */
     formatter?: (value: string) => string

package/dist/es/types/spec/popup/base.d.ts

@@ -34,6 +34,10 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     */
     title?: ReactNode
     /**
+    * 顶部占位
+    */
+    top?: ReactNode
+    /**
     * 子标题/描述部分
     */
     description?: ReactNode
@@ -85,4 +89,8 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     * 结束触碰时触发
     */
     onTouchEnd: (height: number, e: any) => void
+    /**
+    * 关闭图标的 aria-label
+    */
+    closeAriaLabel?: string
 }

package/dist/es/types/spec/radio/base.d.ts

@@ -46,6 +46,7 @@ export interface BaseRadio extends BaseProps {
     * 选中态变化时触发
     */
     onChange: (checked: boolean) => void
+    ariaLabel?: string;
 }
 export interface BaseRadioGroup extends BaseProps {
     value?: SimpleValue;

package/dist/es/types/spec/switch/base.d.ts

@@ -37,4 +37,5 @@ export interface BaseSwitch extends BaseProps {
     * 切换开关时触发
     */
     onChange: (val: boolean) => void
+    ariaLabel?: string;
 }

package/dist/es/types/spec/textarea/base.d.ts

@@ -1,5 +1,6 @@
 import { BaseProps } from '../../base/props';
 export interface BaseTextArea<EVENT = any> extends BaseProps {
+    viewId: string;
     /**
     * 输入框内容，受控
     */

package/dist/es/utils/event-mocker.js

@@ -72,7 +72,10 @@ export function triggerDrag(el) {
  * @param {number} endY 结束触摸点的 Y 坐标
  * @param {number} duration 移动持续时间（毫秒）
  */ export function simulateTouchMove(element, startX, startY, endX, endY, duration) {
-    return _async_to_generator(function() {
+    return _simulateTouchMove.apply(this, arguments);
+}
+function _simulateTouchMove() {
+    _simulateTouchMove = _async_to_generator(function(element, startX, startY, endX, endY, duration) {
         var touch, touchList, distanceX, distanceY, startTime, elapsed, progress, currentX, currentY, currentTouch, currentTouchList;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -125,7 +128,8 @@ export function triggerDrag(el) {
                     ];
             }
         });
-    })();
+    });
+    return _simulateTouchMove.apply(this, arguments);
 }
 /**
  * 模拟触摸缩放方法
@@ -134,7 +138,10 @@ export function triggerDrag(el) {
  * @param {number} endDistance 结束触摸点的距离
  * @param {number} duration 缩放持续时间（毫秒）
  */ export function simulateTouchZoom(element, startDistance, endDistance, duration) {
-    return _async_to_generator(function() {
+    return _simulateTouchZoom.apply(this, arguments);
+}
+function _simulateTouchZoom() {
+    _simulateTouchZoom = _async_to_generator(function(element, startDistance, endDistance, duration) {
         var centerX, centerY, startScale, endScale, startTouches, endTouches, progress, currentScale, currentDistance, currentTouches;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -194,5 +201,6 @@ export function triggerDrag(el) {
                     ];
             }
         });
-    })();
+    });
+    return _simulateTouchZoom.apply(this, arguments);
 }

package/dist/es/utils/render.js

@@ -45,7 +45,10 @@ function legacyUnmount(container) {
     return unmountComponentAtNode(container);
 }
 function concurrentUnmount(container) {
-    return _async_to_generator(function() {
+    return _concurrentUnmount.apply(this, arguments);
+}
+function _concurrentUnmount() {
+    _concurrentUnmount = _async_to_generator(function(container) {
         return _ts_generator(this, function(_state) {
             // Delay to unmount to avoid React 18 sync warning
             return [
@@ -57,7 +60,8 @@ function concurrentUnmount(container) {
                 })
             ];
         });
-    })();
+    });
+    return _concurrentUnmount.apply(this, arguments);
 }
 export function unmount(container) {
     if (createRoot) {

package/dist/es/utils/taro/get-rect-by-id.js

@@ -1,7 +1,19 @@
 import Taro, { createSelectorQuery } from "@tarojs/taro";
+var ENV_TYPE = {
+    WEAPP: 'WEAPP',
+    SWAN: 'SWAN',
+    ALIPAY: 'ALIPAY',
+    TT: 'TT',
+    QQ: 'QQ',
+    JD: 'JD',
+    WEB: 'WEB',
+    RN: 'RN',
+    HARMONY: 'HARMONY',
+    QUICKAPP: 'QUICKAPP'
+};
 export var getRectById = function(id) {
     return new Promise(function(resolve, reject) {
-        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        if (Taro.getEnv() === ENV_TYPE.WEB) {
             var t = document ? document.querySelector("#".concat(id)) : '';
             if (t) {
                 resolve(t === null || t === void 0 ? void 0 : t.getBoundingClientRect());

package/dist/es/utils/taro/get-rect.js

@@ -15,10 +15,12 @@ export function makeRect(width, height) {
         height: height
     };
 }
-export var getRectInMultiPlatform = function(element) {
-    var harmonyId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
-    return _async_to_generator(function() {
+export var getRectInMultiPlatform = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function(element) {
+        var harmonyId;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
+            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (inBrowser) {
                     return [
@@ -49,13 +51,18 @@ export var getRectInMultiPlatform = function(element) {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    })();
-};
+    });
+    return function getRectInMultiPlatform(element) {
+        return _ref.apply(this, arguments);
+    };
+}();
 // 获取元素位置，不走缓存
-export var getRectInMultiPlatformWithoutCache = function(element) {
-    var harmonyId = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
-    return _async_to_generator(function() {
+export var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function(element) {
+        var harmonyId;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
+            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
             if (element) {
                 if (inBrowser) {
                     return [
@@ -78,5 +85,8 @@ export var getRectInMultiPlatformWithoutCache = function(element) {
                 Promise.resolve(makeRect(0, 0))
             ];
         });
-    })();
-};
+    });
+    return function getRectInMultiPlatformWithoutCache(element) {
+        return _ref.apply(this, arguments);
+    };
+}();