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

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

@@ -27,7 +27,12 @@
     }
 
     .nut-icon {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       align-items: center;
       margin-right: $menu-item-icon-margin;
       flex-shrink: 0;
@@ -54,14 +59,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -$menu-bar-line-height;
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 
   &.up {
-    bottom: -$menu-bar-line-height;
+    bottom: calc(-1 * var(--menu-bar-line-height));
   }
 }
 

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

@@ -27,7 +27,12 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary));
 }
 .nut-menu-container-item .nut-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -49,14 +54,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -var(--nutui-menu-bar-line-height, 48px);
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: -var(--nutui-menu-bar-line-height, 48px);
+  bottom: calc(-1 * var(--menu-bar-line-height));
 }
 
 .nut-menu-container-down-enter {

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

@@ -27,7 +27,12 @@
     }
 
     .nut-icon {
+      /* #ifdef dynamic*/
+      display: flex;
+      /* #endif */
+      /* #ifndef dynamic*/
       display: inline-flex;
+      /* #endif */
       align-items: center;
       margin-right: $menu-item-icon-margin;
       flex-shrink: 0;
@@ -54,14 +59,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -$menu-bar-line-height;
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 
   &.up {
-    bottom: -$menu-bar-line-height;
+    bottom: calc(-1 * var(--menu-bar-line-height));
   }
 }
 

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

@@ -27,7 +27,12 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-menu-container-item .nut-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
   margin-right: var(--nutui-menu-item-icon-margin, 8px);
   flex-shrink: 0;
@@ -49,14 +54,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: -var(--nutui-menu-bar-line-height, 48px);
+  top: calc(-1 * var(--menu-bar-line-height));
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: -var(--nutui-menu-bar-line-height, 48px);
+  bottom: calc(-1 * var(--menu-bar-line-height));
 }
 
 .nut-menu-container-down-enter {

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

@@ -28,8 +28,10 @@
   }
 
   &-safe-area-inset-top {
+    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
+    /* #endif */
   }
 
   &-title-wrapper {

package/dist/cjs/packages/navbar/style/style.css

@@ -12,7 +12,7 @@
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
   background: var(--nutui-navbar-background, #ffffff);
-  box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent);
+  box-shadow: var(--nutui-navbar-box-shadow, none);
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
   overflow: hidden;
@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

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

@@ -12,7 +12,7 @@
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
   background: var(--nutui-navbar-background, #ffffff);
-  box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent);
+  box-shadow: var(--nutui-navbar-box-shadow, none);
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
   overflow: hidden;
@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

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

@@ -28,8 +28,10 @@
   }
 
   &-safe-area-inset-top {
+    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
+    /* #endif */
   }
 
   &-title-wrapper {

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

@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

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

@@ -28,8 +28,10 @@
   }
 
   &-safe-area-inset-top {
+    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
+    /* #endif */
   }
 
   &-title-wrapper {

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

@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

package/dist/cjs/packages/noticebar/noticebar.js

@@ -18,9 +18,11 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _taro = require("@tarojs/taro");
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _useuuid = require("../../hooks/use-uuid");
 var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
@@ -48,6 +50,9 @@ var NoticeBar = function NoticeBar(props) {
     var classPrefix = 'nut-noticebar';
     var wrapRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
+    var uid = (0, _useuuid.useUuid)();
+    var wrapRefId = "wrap-ref-".concat(uid);
+    var contentRefId = "content-ref-".concat(uid);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showNoticeBar = _useState[0], setShowNoticeBar = _useState[1];
     var scrollList = (0, _react.useRef)([]);
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), wrapWidth = _useState1[0], SetWrapWidth = _useState1[1];
@@ -133,51 +138,49 @@ var NoticeBar = function NoticeBar(props) {
         if (showNoticeBar === false) {
             return;
         }
-        setTimeout(function() {
-            return (0, _async_to_generator._)(function() {
-                var warpRes, contentRes, wrapW, offsetW, canScroll;
-                return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!wrapRef.current || !contentRef.current) {
-                                return [
-                                    2
-                                ];
-                            }
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(wrapRef.current)
-                            ];
-                        case 1:
-                            warpRes = _state.sent();
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(contentRef.current)
-                            ];
-                        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('');
-                            }
+        (0, _taro.nextTick)(/*#__PURE__*/ (0, _async_to_generator._)(function() {
+            var warpRes, contentRes, wrapW, offsetW, canScroll;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!wrapRef.current || !contentRef.current) {
                             return [
                                 2
                             ];
-                    }
-                });
-            })();
-        }, 0);
+                        }
+                        return [
+                            4,
+                            (0, _getrect.getRectInMultiPlatform)(wrapRef.current, wrapRefId)
+                        ];
+                    case 1:
+                        warpRes = _state.sent();
+                        return [
+                            4,
+                            (0, _getrect.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
+                        ];
+                }
+            });
+        }));
     };
     var handleClick = function handleClick(event) {
         click && click(event);
@@ -239,38 +242,36 @@ var NoticeBar = function NoticeBar(props) {
     var init = function init() {
         var activeIndex = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
         if (!(container === null || container === void 0 ? void 0 : container.current)) return;
-        setTimeout(function() {
-            return (0, _async_to_generator._)(function() {
-                var rects, _active, _height, targetOffset;
-                return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(container === null || container === void 0 ? void 0 : container.current)
-                            ];
-                        case 1:
-                            rects = _state.sent();
-                            _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
-                            _height = rects === null || rects === void 0 ? void 0 : rects.height;
-                            trackSize = childCount * Number(_height);
-                            targetOffset = getOffset(_active);
-                            activeRef.current = _active;
-                            setRect(rects);
-                            setOffset(targetOffset);
-                            setChildOffset(new Array(childCount).fill(0));
-                            // 关闭动画并立即设置样式
-                            swiperRef.current.moving = true;
-                            setStyle(targetOffset, rects);
-                            swiperRef.current.moving = false;
-                            setReady(true);
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        }, 0);
+        setTimeout(/*#__PURE__*/ (0, _async_to_generator._)(function() {
+            var rects, _active, _height, targetOffset;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            (0, _getrect.getRectInMultiPlatform)(container === null || container === void 0 ? void 0 : container.current)
+                        ];
+                    case 1:
+                        rects = _state.sent();
+                        _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
+                        _height = rects === null || rects === void 0 ? void 0 : rects.height;
+                        trackSize = childCount * Number(_height);
+                        targetOffset = getOffset(_active);
+                        activeRef.current = _active;
+                        setRect(rects);
+                        setOffset(targetOffset);
+                        setChildOffset(new Array(childCount).fill(0));
+                        // 关闭动画并立即设置样式
+                        swiperRef.current.moving = true;
+                        setStyle(targetOffset, rects);
+                        swiperRef.current.moving = false;
+                        setReady(true);
+                        return [
+                            2
+                        ];
+                }
+            });
+        }), 0);
     };
     (0, _react.useEffect)(function() {
         if (ready) {
@@ -471,9 +472,11 @@ var NoticeBar = function NoticeBar(props) {
         onClick: handleClick
     }, renderLeftIcon(), /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: wrapRef,
-        className: "nut-noticebar-box-wrap"
+        className: "nut-noticebar-box-wrap",
+        id: wrapRefId
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: contentRef,
+        id: contentRefId,
         className: "nut-noticebar-box-wrap-content ".concat(animationClass, " ").concat(isEllipsis() ? 'nut-ellipsis' : ''),
         style: contentStyle,
         onAnimationEnd: onAnimationEnd

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

@@ -36,11 +36,15 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
+        /* #ifndef dynamic*/
         flex: initial;
+        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
+          /* #ifndef dynamic*/
           display: initial;
+          /* #endif */
         }
       }
     }

package/dist/cjs/packages/noticebar/style/style.css

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

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

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

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

@@ -36,11 +36,15 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
+        /* #ifndef dynamic*/
         flex: initial;
+        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
+          /* #ifndef dynamic*/
           display: initial;
+          /* #endif */
         }
       }
     }

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

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

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

@@ -36,11 +36,15 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
+        /* #ifndef dynamic*/
         flex: initial;
+        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
+          /* #ifndef dynamic*/
           display: initial;
+          /* #endif */
         }
       }
     }

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

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

package/dist/cjs/packages/notify/notify.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 Notify () {
+    Notify: function() {
         return Notify;
     },
-    get close () {
+    close: function() {
         return close;
     },
-    get open () {
+    open: function() {
         return open;
     }
 });

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

@@ -75,7 +75,12 @@
 
   &-left-icon,
   &-right-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
   }
 
   &-left-icon {

package/dist/cjs/packages/notify/style/style.css

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -75,7 +75,12 @@
 
   &-left-icon,
   &-right-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
   }
 
   &-left-icon {

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

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -75,7 +75,12 @@
 
   &-left-icon,
   &-right-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
   }
 
   &-left-icon {

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

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -9,7 +9,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;