@nutui/nutui-react-taro 3.0.19-cpp.10 → 3.0.19-cpp.12

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

@@ -4,7 +4,12 @@
 /* #endif */
 .nut-badge {
   position: relative;
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
   vertical-align: middle;
   box-sizing: content-box;
   width: auto;
@@ -38,7 +43,12 @@
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
 }
 .nut-badge-sup {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
   text-align: center;
   min-width: var(--nutui-badge-min-width, 6px);
   padding: var(--nutui-badge-padding, 1px 4px);

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

@@ -54,7 +54,12 @@
   cursor: pointer;
 }
 .nut-tag-custom-icon {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: 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 {
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
+  /* #ifdef dynamic*/
+  display: 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 {
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
     align-items: center;
     justify-content: center;
     font-size: $tag-font-size;

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

@@ -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/toast.js

@@ -11,7 +11,7 @@ import { defaultOverlayProps } from "../overlay/overlay";
 import { customEvents, useCustomEvent, useCustomEventsPath, useParams } from "../../hooks/taro/use-custom-event";
 import { usePropsValue } from "../../hooks/use-props-value";
 import { useRtl } from "../configprovider/index";
-import { harmony } from "../../utils/taro/platform";
+import { harmony, td } from "../../utils/taro/platform";
 import { mergeProps } from "../../utils/merge-props";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     id: '',
@@ -135,9 +135,11 @@ export var Toast = function(props) {
         style: _object_spread({}, styles, contentStyle)
     }, renderIcon(), title && /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-title")
-    }, title), content && /*#__PURE__*/ React.createElement(Text, {
+    }, title), content && (td() ? /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-text")
-    }, content)))));
+    }, content) : /*#__PURE__*/ React.createElement(View, {
+        className: "".concat(classPrefix, "-text")
+    }, content))))));
 };
 export function show(selector, options) {
     // eslint-disable-next-line react-hooks/rules-of-hooks

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/style.harmony.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/nutui.react.umd.js

@@ -15888,38 +15888,51 @@
       if (showNoticeBar === false) {
         return;
       }
-      setTimeout(function() {
+      Taro.nextTick(function() {
         return _async_to_generator(function() {
           var warpRes, contentRes, wrapW, offsetW, canScroll;
           return __generator(this, function(_state) {
-            if (!wrapRef.current || !contentRef.current) {
-              return [
-                2
-              ];
-            }
-            warpRes = wrapRef.current.getBoundingClientRect();
-            contentRes = contentRef.current.getBoundingClientRect();
-            if (!warpRes || !contentRes) return [
-              2
-            ];
-            wrapW = warpRes.width;
-            offsetW = contentRes.width;
-            canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
-            SetIsCanScroll(canScroll);
-            if (canScroll) {
-              SetWrapWidth(wrapW);
-              SetOffsetW(offsetW);
-              SetAnimationDuration(offsetW / speed);
-              SetAnimationClass("play");
-            } else {
-              SetAnimationClass("");
+            switch (_state.label) {
+              case 0:
+                if (!wrapRef.current || !contentRef.current) {
+                  return [
+                    2
+                  ];
+                }
+                return [
+                  4,
+                  getRectInMultiPlatform(wrapRef.current, wrapRefId)
+                ];
+              case 1:
+                warpRes = _state.sent();
+                return [
+                  4,
+                  getRectInMultiPlatform(contentRef.current, contentRefId)
+                ];
+              case 2:
+                contentRes = _state.sent();
+                if (!warpRes || !contentRes) return [
+                  2
+                ];
+                wrapW = warpRes.width;
+                offsetW = contentRes.width;
+                canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
+                SetIsCanScroll(canScroll);
+                if (canScroll) {
+                  SetWrapWidth(wrapW);
+                  SetOffsetW(offsetW);
+                  SetAnimationDuration(offsetW / speed);
+                  SetAnimationClass("play");
+                } else {
+                  SetAnimationClass("");
+                }
+                return [
+                  2
+                ];
             }
-            return [
-              2
-            ];
           });
         })();
-      }, 0);
+      });
     };
     var handleClick = function(event) {
       click && click(event);
@@ -17357,9 +17370,11 @@
       style: _object_spread({}, styles, contentStyle)
     }, renderIcon(), title && /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-title")
-    }, title), content2 && /* @__PURE__ */ React.createElement(components.Text, {
+    }, title), content2 && (td() ? /* @__PURE__ */ React.createElement(components.Text, {
+      className: "".concat(classPrefix2, "-text")
+    }, content2) : /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-text")
-    }, content2)))));
+    }, content2))))));
   };
   function show(selector, options) {
     var path = useCustomEventsPath(selector);