npm - @nutui/nutui-react-taro - Versions diffs - 3.0.19-cpp.9 → 3.0.20-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (861) hide show

package/dist/cjs/packages/infiniteloading/infiniteloading.js CHANGED Viewed

@@ -113,8 +113,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
         }
         onScroll && onScroll(e.target.scrollTop);
     };
-    var lower = function lower() {
-        return (0, _async_to_generator._)(function() {
+    var lower = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -137,8 +137,11 @@ var InfiniteLoading = function InfiniteLoading(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function lower() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var touchStart = function touchStart(event) {
         if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
             y.current = event.touches[0].pageY;
@@ -160,8 +163,8 @@ var InfiniteLoading = function InfiniteLoading(props) {
             isTouching.current = false;
         }
     };
-    var touchEnd = function touchEnd() {
-        return (0, _async_to_generator._)(function() {
+    var touchEnd = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -191,8 +194,11 @@ var InfiniteLoading = function InfiniteLoading(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function touchEnd() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     return /*#__PURE__*/ _react.default.createElement(_components.ScrollView, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         className: classes,
         scrollY: true,

package/dist/cjs/packages/input/input.js CHANGED Viewed

@@ -53,7 +53,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var classPrefix = 'nut-input';
     var rtl = (0, _index.useRtl)();
     var locale = (0, _index.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = (0, _object_without_properties._)(_ref, [
         "focus",
         "type",
         "name",
@@ -69,6 +69,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         "style",
         "className",
         "plain",
+        "inputStyle",
         "onChange",
         "onFocus",
         "onBlur",
@@ -187,9 +188,9 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         name: name,
         className: "nut-input-native",
         ref: inputRef,
-        style: {
+        style: (0, _object_spread._)({}, {
             textAlign: getTextAlign()
-        },
+        }, inputStyle),
         type: inputType(type),
         password: type === 'password',
         maxlength: maxLength,

package/dist/cjs/packages/input/style/input.scss CHANGED Viewed

@@ -31,7 +31,7 @@
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

package/dist/cjs/packages/input/style/style.css CHANGED Viewed

@@ -32,7 +32,7 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;

package/dist/cjs/packages/input/style/style.harmony.css CHANGED Viewed

@@ -32,7 +32,7 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;

package/dist/cjs/packages/input/style-jmapp/input.scss CHANGED Viewed

@@ -31,7 +31,7 @@
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

package/dist/cjs/packages/input/style-jmapp/style.css CHANGED Viewed

@@ -32,7 +32,7 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
   padding: 0;
   border: 0;

package/dist/cjs/packages/input/style-jrkf/input.scss CHANGED Viewed

@@ -31,7 +31,7 @@
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

package/dist/cjs/packages/input/style-jrkf/style.css CHANGED Viewed

@@ -32,7 +32,7 @@
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
   padding: 0;
   border: 0;

package/dist/cjs/packages/inputnumber/inputnumber.js CHANGED Viewed

@@ -107,8 +107,8 @@ var InputNumber = function InputNumber(props) {
         var stepAmount = parseFloat(stepValue) * symbol;
         return (currentValue * dig + stepAmount * dig) / dig;
     };
-    var update = function update(negative, e) {
-        return (0, _async_to_generator._)(function() {
+    var update = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(negative, e) {
             var shouldOverBoundary, maybeResume, nextValue;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -139,10 +139,13 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
-    var handleReduce = function handleReduce(e) {
-        return (0, _async_to_generator._)(function() {
+        });
+        return function update(negative, e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleReduce = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -160,10 +163,13 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
-    var handlePlus = function handlePlus(e) {
-        return (0, _async_to_generator._)(function() {
+        });
+        return function handleReduce(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handlePlus = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -181,15 +187,18 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function handlePlus(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var parseValue = function parseValue(text) {
         if (text === '') return null;
         if (text === '-') return null;
         return text;
     };
-    var handleInputChange = function handleInputChange(e) {
-        return (0, _async_to_generator._)(function() {
+    var handleInputChange = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(e) {
             var valueStr, maybeResume;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -217,8 +226,11 @@ var InputNumber = function InputNumber(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function handleInputChange(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var handleFocus = function handleFocus(e) {
         setFocused(true);
         setInputValue(shadowValue !== undefined && shadowValue !== null ? (0, _bound.bound)(Number(shadowValue), Number(min), Number(max)).toString() : '');

package/dist/cjs/packages/inputnumber/style/inputnumber.scss CHANGED Viewed

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/inputnumber/style/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/inputnumber/style/style.harmony.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/inputnumber/style-jmapp/inputnumber.scss CHANGED Viewed

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/inputnumber/style-jmapp/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/inputnumber/style-jrkf/inputnumber.scss CHANGED Viewed

@@ -1,7 +1,13 @@
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(
-    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} + #{$inputnumber-input-width}
+    2 * #{$inputnumber-input-margin} + 2 * #{$inputnumber-button-width} +
+      #{$inputnumber-input-width}
   );
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/inputnumber/style-jrkf/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-inputnumber {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   width: calc(2 * var(--nutui-inputnumber-input-margin, 0 6px) + 2 * var(--nutui-inputnumber-button-width, 16px) + var(--nutui-inputnumber-input-width, 40px));
   flex-direction: row;
   align-items: center;

package/dist/cjs/packages/loading/style/loading.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/cjs/packages/loading/style/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/cjs/packages/loading/style/style.harmony.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/cjs/packages/loading/style-jmapp/loading.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/cjs/packages/loading/style-jmapp/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/cjs/packages/loading/style-jrkf/loading.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

package/dist/cjs/packages/loading/style-jrkf/style.css CHANGED Viewed

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-loading {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;

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

@@ -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/lottie/types.js CHANGED Viewed

@@ -2,3 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));

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

@@ -81,7 +81,12 @@
   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;
@@ -103,14 +108,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/menuitem.js CHANGED Viewed

@@ -60,30 +60,28 @@ var MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         show
     ]);
     var getParentOffset = (0, _react.useCallback)(function() {
-        setTimeout(function() {
-            return (0, _async_to_generator._)(function() {
-                var p, rect;
-                return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            p = parent.menuRef.current;
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(p)
-                            ];
-                        case 1:
-                            rect = _state.sent();
-                            setPosition({
-                                height: rect.height,
-                                top: rect.top
-                            });
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        }, 100);
+        setTimeout(/*#__PURE__*/ (0, _async_to_generator._)(function() {
+            var p, rect;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        p = parent.menuRef.current;
+                        return [
+                            4,
+                            (0, _getrect.getRectInMultiPlatform)(p)
+                        ];
+                    case 1:
+                        rect = _state.sent();
+                        setPosition({
+                            height: rect.height,
+                            top: rect.top
+                        });
+                        return [
+                            2
+                        ];
+                }
+            });
+        }), 100);
     }, [
         parent.menuRef
     ]);

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

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

@@ -27,7 +27,12 @@
   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;
@@ -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/style.harmony.css CHANGED Viewed

@@ -81,7 +81,12 @@
   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;
@@ -103,14 +108,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 {