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

package/dist/cjs/packages/tag/style/style.harmony.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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/textarea/textarea.js

@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var locale = (0, _index.useConfig)().locale;
-    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
         "className",
         "value",
         "defaultValue",
@@ -48,6 +48,7 @@ var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         "style",
         "plain",
         "status",
+        "viewId",
         "onChange",
         "onBlur",
         "onFocus"
@@ -109,6 +110,7 @@ var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     });
     var _obj;
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.View, {
+        id: viewId,
         className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-readonly"), readOnly), (0, _define_property._)(_obj, "".concat(classPrefix, "-rtl"), rtl), (0, _define_property._)(_obj, "".concat(classPrefix, "-plain"), plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-container"), !plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
     }, /*#__PURE__*/ _react.default.createElement(_components.Textarea, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         ref: textareaRef,
@@ -133,7 +135,8 @@ var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         onFocus: handleFocus,
         autoHeight: autoSize,
         maxlength: maxLength,
-        placeholder: placeholder !== undefined ? placeholder : locale.placeholder
+        placeholder: placeholder !== undefined ? placeholder : locale.placeholder,
+        showCount: showCount
     })), showCount && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));

package/dist/cjs/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/cjs/packages/timeselect/style/style.harmony.css

@@ -427,7 +427,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/toast/style/style.css

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/packages/toast/toast.js

@@ -5,17 +5,17 @@ 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 Toast () {
+    Toast: function() {
         return Toast;
     },
-    get hide () {
+    hide: function() {
         return hide;
     },
-    get show () {
+    show: function() {
         return show;
     }
 });
@@ -136,7 +136,7 @@ var Toast = function Toast(props) {
         'nut-toast-has-icon': icon,
         'nut-toast-rtl': rtl
     });
-    var styles = (0, _platform.harmony)() ? {
+    var styles = (0, _platform.harmony)() || (0, _platform.td)() ? {
         left: '50%',
         transform: 'translate(-50%, -50%)'
     } : null;
@@ -155,12 +155,16 @@ var Toast = function Toast(props) {
         id: id
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), (0, _define_property._)({}, "".concat(classPrefix, "-inner-descrption"), content)),
-        style: (0, _object_spread._)({}, styles, contentStyle)
+        style: (0, _object_spread._)({}, styles, contentStyle),
+        ariaRole: "alert",
+        ariaLabel: (title !== null && title !== void 0 ? title : '') + (content !== null && content !== void 0 ? content : '')
     }, renderIcon(), title && /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-title")
-    }, title), content && /*#__PURE__*/ _react.default.createElement(_components.Text, {
+    }, title), content && ((0, _platform.td)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-text")
-    }, content)))));
+    }, content) : /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "".concat(classPrefix, "-text")
+    }, content))))));
 };
 function show(selector, options) {
     // eslint-disable-next-line react-hooks/rules-of-hooks

package/dist/cjs/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/cjs/packages/tour/style/style.harmony.css

@@ -446,8 +446,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, 8px);
@@ -680,7 +682,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/uploader/style/style.harmony.css

@@ -224,7 +224,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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;
       }