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

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));

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

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
 
   &-info {
@@ -62,7 +62,12 @@
   }
 
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));

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

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
 
   &-info {
@@ -62,7 +62,12 @@
   }
 
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -30,7 +30,7 @@
   background: var(--nutui-tag-background-color, var(--nutui-color-title));
 }
 .nut-tag-primary {
-  background: #fa2c19;
+  background: var(--nutui-tag-primary-background-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-tag-info {
   background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   justify-content: center;
   font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));

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

@@ -30,7 +30,7 @@
   }
 
   &-primary {
-    background: #fa2c19;
+    background: $tag-primary-background-color;
   }
 
   &-info {
@@ -62,7 +62,12 @@
   }
 
   &-custom-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

package/dist/es/packages/textarea/textarea.js

@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, viewId = _ref.viewId, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = _object_without_properties(_ref, [
         "className",
         "value",
         "defaultValue",
@@ -35,6 +35,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
         "style",
         "plain",
         "status",
+        "viewId",
         "onChange",
         "onBlur",
         "onFocus"
@@ -108,6 +109,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
     });
     var _obj;
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+        id: viewId,
         className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-container"), !plain), _define_property(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
     }, /*#__PURE__*/ React.createElement("textarea", _object_spread_props(_object_spread({}, rest), {
         ref: textareaRef,

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

@@ -16,7 +16,9 @@
   width: var(--nutui-timeselect-date-width, 140px);
   min-width: var(--nutui-timeselect-date-width, 140px);
   height: 100%;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   background: var(--nutui-color-background-sunken, #f7f8fc);
 }
 

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

@@ -13,7 +13,9 @@
     width: $timeselect-date-width;
     min-width: $timeselect-date-width;
     height: 100%;
+    /* #ifndef dynamic*/
     overflow: auto;
+    /* #endif */
     background: $color-background-sunken;
   }
 }

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

@@ -16,7 +16,9 @@
   width: var(--nutui-timeselect-date-width, 140px);
   min-width: var(--nutui-timeselect-date-width, 140px);
   height: 100%;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   background: var(--nutui-gray-2, #f8f8f8);
 }
 

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

@@ -13,7 +13,9 @@
     width: $timeselect-date-width;
     min-width: $timeselect-date-width;
     height: 100%;
+    /* #ifndef dynamic*/
     overflow: auto;
+    /* #endif */
     background: $color-background-sunken;
   }
 }

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

@@ -16,7 +16,9 @@
   width: var(--nutui-timeselect-date-width, 140px);
   min-width: var(--nutui-timeselect-date-width, 140px);
   height: 100%;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
   background: var(--nutui-gray-2, #f0f0f0);
 }
 

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

@@ -13,7 +13,9 @@
     width: $timeselect-date-width;
     min-width: $timeselect-date-width;
     height: 100%;
+    /* #ifndef dynamic*/
     overflow: auto;
+    /* #endif */
     background: $color-background-sunken;
   }
 }

package/dist/es/packages/toast/Notification.js

@@ -131,7 +131,9 @@ var Notification = /*#__PURE__*/ function(_superClass) {
                     id: "toast-".concat(id)
                 }, /*#__PURE__*/ React.createElement("div", {
                     className: classNames("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix, "-inner-descrption"), content)),
-                    style: _object_spread({}, contentStyle)
+                    style: _object_spread({}, contentStyle),
+                    role: "alert",
+                    "aria-label": (title !== null && title !== void 0 ? title : '') + (content !== null && content !== void 0 ? content : '')
                 }, this.renderIcon(), title && /*#__PURE__*/ React.createElement("div", {
                     className: "".concat(classPrefix, "-title")
                 }, title), content && /*#__PURE__*/ React.createElement("span", {

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

@@ -68,7 +68,7 @@
   font-size: var(--nutui-font-size-s, 12px);
 }
 .nut-toast-inner-large {
-  font-size: var(--nutui-font-size-l, 16px);
+  font-size: var(--nutui-font-size-l, 15px);
 }
 .nut-toast-center {
   top: var(--nutui-toast-inner-top, 48%);
@@ -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/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-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 {