@nutui/nutui-react-taro 3.0.19-beta.1 → 3.0.19-beta.2

package/dist/cjs/packages/lottie/lottiemp.js

@@ -21,17 +21,11 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
     var animation = (0, _react.useRef)();
     var inited = (0, _react.useRef)(false);
     var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
-    var setSpeed = function setSpeed() {
-        if (animation.current) {
-            animation.current.setSpeed(Math.abs(speed));
-            animation.current.setDirection(speed > 0 ? 1 : -1);
-        }
-    };
     (0, _react.useImperativeHandle)(ref, function() {
         return animation.current || {};
     });
     var pixelRatio = (0, _react.useRef)((0, _getsysteminfo.getWindowInfo)().pixelRatio);
-    (0, _taro.useReady)(function() {
+    (0, _react.useLayoutEffect)(function() {
         (0, _taro.createSelectorQuery)().select("#".concat(id)).fields({
             node: true,
             size: true
@@ -55,14 +49,28 @@ var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
                         context: context
                     }
                 });
-                onComplete && animation.current.addEventListener('complete', onComplete);
-                setSpeed();
+                if (onComplete) {
+                    animation.current.addEventListener('complete', onComplete);
+                }
+                if (animation.current) {
+                    animation.current.setSpeed(Math.abs(speed));
+                    animation.current.setDirection(speed > 0 ? 1 : -1);
+                }
                 inited.current = true;
             } catch (error) {
                 console.error(error);
             }
         }).exec();
-    });
+    }, [
+        autoPlay,
+        dpr,
+        id,
+        loop,
+        onComplete,
+        source,
+        speed,
+        style
+    ]);
     (0, _taro.useUnload)(function() {
         onComplete && animation.current && animation.current.removeEventListener('complete', onComplete);
         animation.current && animation.current.destroy();

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

@@ -81,12 +81,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .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;
@@ -108,14 +103,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 
 .nut-menu-container-down-enter {

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

@@ -27,12 +27,7 @@
     }
 
     .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;
@@ -59,14 +54,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 
   &.up {
-    bottom: calc(-1 * var(--menu-bar-line-height));
+    bottom: -$menu-bar-line-height;
   }
 }
 

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

@@ -27,12 +27,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .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;
@@ -54,14 +49,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 
 .nut-menu-container-down-enter {

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

@@ -81,12 +81,7 @@
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .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;
@@ -108,14 +103,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 
 .nut-menu-container-down-enter {

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

@@ -27,12 +27,7 @@
     }
 
     .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;
@@ -59,14 +54,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 
   &.up {
-    bottom: calc(-1 * var(--menu-bar-line-height));
+    bottom: -$menu-bar-line-height;
   }
 }
 

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

@@ -27,12 +27,7 @@
   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;
@@ -54,14 +49,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 
 .nut-menu-container-down-enter {

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

@@ -27,12 +27,7 @@
     }
 
     .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;
@@ -59,14 +54,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -$menu-bar-line-height;
   left: 0;
   right: 0;
   z-index: $menu-bar-opened-z-index;
   background-color: transparent;
 
   &.up {
-    bottom: calc(-1 * var(--menu-bar-line-height));
+    bottom: -$menu-bar-line-height;
   }
 }
 

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

@@ -27,12 +27,7 @@
   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;
@@ -54,14 +49,14 @@
 
 .nut-menu-placeholder-element {
   position: fixed;
-  top: calc(-1 * var(--menu-bar-line-height));
+  top: -var(--nutui-menu-bar-line-height, 48px);
   left: 0;
   right: 0;
   z-index: var(--nutui-menu-bar-opened-z-index, 1000);
   background-color: transparent;
 }
 .nut-menu-placeholder-element.up {
-  bottom: calc(-1 * var(--menu-bar-line-height));
+  bottom: -var(--nutui-menu-bar-line-height, 48px);
 }
 
 .nut-menu-container-down-enter {

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

@@ -28,10 +28,8 @@
   }
 
   &-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

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

@@ -30,10 +30,8 @@
   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,10 +28,8 @@
   }
 
   &-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,10 +30,8 @@
   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,10 +28,8 @@
   }
 
   &-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,10 +30,8 @@
   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,11 +18,9 @@ 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");
@@ -50,10 +48,7 @@ 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 _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];
     var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(true), 2), firstRound = _useState2[0], SetFirstRound = _useState2[1];
@@ -113,7 +108,7 @@ var NoticeBar = function NoticeBar(props) {
                 startRollEasy();
             }
         } else {
-            initScrollWrap();
+            initScrollWrap(content);
         }
         return function() {
             // 销毁事件
@@ -123,7 +118,7 @@ var NoticeBar = function NoticeBar(props) {
         childs
     ]);
     (0, _react.useEffect)(function() {
-        initScrollWrap();
+        initScrollWrap(content);
     }, [
         content
     ]);
@@ -134,11 +129,11 @@ var NoticeBar = function NoticeBar(props) {
     }, [
         list
     ]);
-    var initScrollWrap = function initScrollWrap() {
+    var initScrollWrap = function initScrollWrap(value) {
         if (showNoticeBar === false) {
             return;
         }
-        (0, _taro.nextTick)(function() {
+        setTimeout(function() {
             return (0, _async_to_generator._)(function() {
                 var warpRes, contentRes, wrapW, offsetW, canScroll;
                 return (0, _ts_generator._)(this, function(_state) {
@@ -151,19 +146,16 @@ var NoticeBar = function NoticeBar(props) {
                             }
                             return [
                                 4,
-                                (0, _getrect.getRectInMultiPlatform)(wrapRef.current, wrapRefId)
+                                (0, _getrect.getRectInMultiPlatform)(wrapRef.current)
                             ];
                         case 1:
                             warpRes = _state.sent();
                             return [
                                 4,
-                                (0, _getrect.getRectInMultiPlatform)(contentRef.current, contentRefId)
+                                (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;
@@ -182,12 +174,18 @@ var NoticeBar = function NoticeBar(props) {
                     }
                 });
             })();
-        });
+        }, 0);
     };
     var handleClick = function handleClick(event) {
         click && click(event);
         onClick && onClick(event);
     };
+    var onClickIcon = function onClickIcon(event) {
+        event.stopPropagation();
+        SetShowNoticeBar(!closeable);
+        close && close(event);
+        onClose && onClose(event);
+    };
     var onAnimationEnd = function onAnimationEnd() {
         SetFirstRound(false);
         setTimeout(function() {
@@ -210,16 +208,13 @@ var NoticeBar = function NoticeBar(props) {
             SetAnimate(false);
         }, time);
     };
-    var handleClickIcon = (0, _react.useCallback)(function(event) {
+    // 点击滚动单元
+    var handleClickIcon = function handleClickIcon(event) {
         event.stopPropagation();
-        setShowNoticeBar(!closeable);
+        SetShowNoticeBar(!closeable);
         close && close(event);
         onClose && onClose(event);
-    }, [
-        close,
-        onClose,
-        closeable
-    ]);
+    };
     var isEllipsis = function isEllipsis() {
         if (isCanScroll == null && align === 'left') {
             return wrap;
@@ -367,12 +362,10 @@ var NoticeBar = function NoticeBar(props) {
     };
     // 无缝滚动第一个元素位移控制
     var itemStyle = function itemStyle(index) {
-        var style = {
-            width: '100%'
-        };
+        var style = {};
         if (height) {
             style.height = "".concat(height, "px");
-        // style.lineHeight = `${height}px`
+            style.lineHeight = "".concat(height, "px");
         }
         var offset = childOffset[index];
         if (offset) {
@@ -441,32 +434,6 @@ var NoticeBar = function NoticeBar(props) {
         container.current = ref;
         setIsContainerReady(true);
     }, []);
-    var renderLeftIcon = (0, _react.useCallback)(function() {
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "nut-noticebar-box-left-icon"
-        }, leftIcon) : null);
-    }, [
-        leftIcon
-    ]);
-    var renderRight = (0, _react.useCallback)(function() {
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, right ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "nut-noticebar-box-right"
-        }, right) : null);
-    }, [
-        right
-    ]);
-    var renderRightIcon = (0, _react.useCallback)(function() {
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, rightIcon || closeable ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "nut-noticebar-box-right-icon",
-            onClick: handleClickIcon
-        }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
-            size: 12
-        })) : null);
-    }, [
-        rightIcon,
-        closeable,
-        handleClickIcon
-    ]);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: cls,
         style: style
@@ -474,22 +441,31 @@ var NoticeBar = function NoticeBar(props) {
         className: noticebarClass,
         style: barStyle,
         onClick: handleClick
-    }, renderLeftIcon(), /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "nut-noticebar-box-left-icon"
+    }, leftIcon) : null, /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: wrapRef,
-        className: "nut-noticebar-box-wrap",
-        id: wrapRefId
+        className: "nut-noticebar-box-wrap"
     }, /*#__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
-    }, children, content)), renderRight(), renderRightIcon()) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, children, content)), right ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "nut-noticebar-box-right"
+    }, right) : null, closeable || rightIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "nut-noticebar-box-right-icon",
+        onClick: onClickIcon
+    }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+        size: 12
+    })) : null) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-vertical",
         style: barStyle,
         ref: containerRefCallback,
         onClick: handleClick
-    }, renderLeftIcon(), children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "nut-noticebar-box-left-icon"
+    }, leftIcon) : null, children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-box-wrap",
         ref: innerRef
     }, scrollList.current.map(function(item, index) {
@@ -504,7 +480,8 @@ var NoticeBar = function NoticeBar(props) {
         className: "nut-noticebar-box-horseLamp-list",
         style: horseLampStyle
     }, scrollList.current.map(function(item, index) {
-        return /*#__PURE__*/ _react.default.createElement(_components.View, {
+        return(// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+        /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: "nut-noticebar-box-horseLamp-list-item",
             style: {
                 height: height
@@ -513,7 +490,14 @@ var NoticeBar = function NoticeBar(props) {
             onClick: function onClick(e) {
                 handleItemClick(e, item);
             }
-        }, item);
-    })), renderRight(), renderRightIcon()) : null);
+        }, item));
+    })), /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "nut-noticebar-box-right-icon",
+        onClick: function onClick(e) {
+            handleClickIcon(e);
+        }
+    }, rightIcon || (closeable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+        size: 12
+    }) : null))) : null);
 };
 NoticeBar.displayName = 'NutNoticeBar';

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

@@ -36,15 +36,11 @@
       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,15 +32,11 @@
   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,15 +32,11 @@
   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,15 +36,11 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
-        /* #ifndef dynamic*/
         flex: initial;
-        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
-          /* #ifndef dynamic*/
           display: initial;
-          /* #endif */
         }
       }
     }