@nutui/nutui-react-taro 3.0.18-cpp.beta.1 → 3.0.19-beta.1

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

@@ -20,12 +20,14 @@
   }
 
   &-main {
+    /* #ifndef dynamic*/
     display: table;
+    width: max-content;
+    /* #endif */
     overflow-x: auto;
     color: $color-title;
     background-color: $color-background-overlay;
     table-layout: fixed;
-    width: max-content;
     min-width: 100%;
     position: relative;
 
@@ -54,7 +56,9 @@
       background: inherit;
 
       &-tr {
+        /* #ifndef dynamic*/
         display: table-row;
+        /* #endif */
         background: inherit;
 
         &:last-child {
@@ -64,7 +68,9 @@
         }
 
         &-th {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -82,7 +88,9 @@
         }
 
         &-td {
+          /* #ifndef dynamic*/
           display: table-cell;
+          /* #endif */
           padding: $table-cols-padding;
           table-layout: fixed;
           background: inherit;
@@ -120,11 +128,15 @@
     }
 
     &-head {
+      /* #ifndef dynamic*/
       display: table-header-group;
+      /* #endif */
     }
 
     &-body {
-      display: table-row-group;
+      /* #ifndef dynamic*/
+      display: table-header-group;
+      /* #endif */
     }
   }
 

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

@@ -10,7 +10,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;

package/dist/es/packages/tabpane/style/style.harmony.css

@@ -10,7 +10,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;

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

@@ -6,7 +6,9 @@
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

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

@@ -6,7 +6,9 @@
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -10,7 +10,9 @@
   color: var(--nutui-color-title);
   padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-tabpane.inactive {
   overflow: visible;

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

@@ -6,7 +6,9 @@
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -96,14 +96,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;
 }
@@ -122,7 +126,7 @@
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-tabs-titles-card .nut-tabs-titles-item-active {
   font-weight: var(--nutui-font-weight-bold, 600);

package/dist/es/packages/tabs/style/style.harmony.css

@@ -10,7 +10,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;
@@ -111,14 +113,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;
 }
@@ -137,7 +143,7 @@
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-tabs-titles-card .nut-tabs-titles-item-active {
   font-weight: var(--nutui-font-weight-bold, 600);

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

@@ -109,7 +109,9 @@
       }
 
       .nut-tabs-titles-item-line {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         content: ' ';
         width: $tabs-tab-line-width;
         height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
       }
 
       .nut-tabs-titles-item-smile {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         width: 40px;
         height: 20px;
 

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

@@ -96,14 +96,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 24px);
   height: var(--nutui-tabs-tab-line-height, 3px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }

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

@@ -109,7 +109,9 @@
       }
 
       .nut-tabs-titles-item-line {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         content: ' ';
         width: $tabs-tab-line-width;
         height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
       }
 
       .nut-tabs-titles-item-smile {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         width: 40px;
         height: 20px;
 

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

@@ -96,14 +96,18 @@
   font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   content: " ";
   width: var(--nutui-tabs-tab-line-width, 24px);
   height: var(--nutui-tabs-tab-line-height, 3px);
   background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
+  /* #ifndef dynamic*/
   overflow: unset;
+  /* #endif */
   width: 40px;
   height: 20px;
 }

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

@@ -109,7 +109,9 @@
       }
 
       .nut-tabs-titles-item-line {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         content: ' ';
         width: $tabs-tab-line-width;
         height: $tabs-tab-line-height;
@@ -117,7 +119,9 @@
       }
 
       .nut-tabs-titles-item-smile {
+        /* #ifndef dynamic*/
         overflow: unset;
+        /* #endif */
         width: 40px;
         height: 20px;
 

package/dist/es/packages/tabs/tabs.js

@@ -15,6 +15,7 @@ import { useForceUpdate } from "../../hooks/use-force-update";
 import raf from "../../utils/raf";
 import { useUuid } from "../../hooks/use-uuid";
 import { useRtl } from "../configprovider/configprovider";
+import { td } from "../../utils/taro/platform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     tabStyle: {},
     activeColor: '',
@@ -150,6 +151,13 @@ export var Tabs = function(props) {
             return String(t.value) === String(value);
         });
         index = index < 0 ? 0 : index;
+        // 适配 安卓 处理，临时方案，hack
+        if (td()) {
+            return {
+                transform: direction === 'horizontal' ? "translate3d(".concat(rtl ? '' : '-').concat(index * 50, "%, 0, 0)") : "translate3d( 0, -".concat(index * 50, "%, 0)"),
+                transitionDuration: "".concat(duration, "ms")
+            };
+        }
         return {
             transform: direction === 'horizontal' ? "translate3d(".concat(rtl ? '' : '-').concat(index * 100, "%, 0, 0)") : "translate3d( 0, -".concat(index * 100, "%, 0)"),
             transitionDuration: "".concat(duration, "ms")

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

@@ -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/style.harmony.css

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -22,7 +22,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",
@@ -36,6 +36,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
         "style",
         "plain",
         "status",
+        "viewId",
         "onChange",
         "onBlur",
         "onFocus"
@@ -97,6 +98,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
     });
     var _obj;
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
+        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,
@@ -121,7 +123,8 @@ export var TextArea = /*#__PURE__*/ 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.createElement(View, {
         className: classNames("".concat(classPrefix, "-limit"), _define_property({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));

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/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
@@ -145,6 +142,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -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/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/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%);
@@ -83,6 +83,10 @@
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
   line-height: 20px;
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
@@ -90,6 +94,9 @@
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
   line-height: 22px;
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -122,7 +122,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%);
@@ -137,6 +137,10 @@
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
   line-height: 20px;
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
@@ -144,6 +148,9 @@
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
   line-height: 22px;
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;

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

@@ -94,6 +94,10 @@
     color: #ffffff;
     text-align: $toast-inner-text-align;
     line-height: 20px;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
+    height: auto;
   }
 
   &-title {
@@ -102,6 +106,9 @@
     font-weight: 600;
     text-align: $toast-inner-text-align;
     line-height: 22px;
+    /* #ifdef harmony dynamic*/
+    line-height: normal;
+    /* #endif */
   }
 
   .nut-icon {

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

@@ -83,6 +83,10 @@
   color: #ffffff;
   text-align: var(--nutui-toast-inner-text-align, center);
   line-height: 20px;
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
+  height: auto;
 }
 .nut-toast-title {
   color: #ffffff;
@@ -90,6 +94,9 @@
   font-weight: 600;
   text-align: var(--nutui-toast-inner-text-align, center);
   line-height: 22px;
+  /* #ifdef harmony dynamic*/
+  line-height: normal;
+  /* #endif */
 }
 .nut-toast .nut-icon {
   width: 24px;