@nutui/nutui-react 2.1.0-beta.0 → 2.1.0-beta.1

package/dist/esm/InfiniteLoading.js

@@ -2,26 +2,26 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "hasMore", "threshold", "target", "capture", "pullRefresh", "pullingText", "loadingText", "loadMoreText", "className", "onRefresh", "onLoadMore", "onScroll"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
@@ -47,7 +47,7 @@ var InfiniteLoading = function InfiniteLoading2(props) {
   var refreshMaxH = useRef(0);
   var y = useRef(0);
   var distance = useRef(0);
-  var classes = classNames(className, classPrefix);
+  var classes = classNames(classPrefix, className);
   useEffect(function() {
     if (target && document.getElementById(target)) {
       scrollEl.current = document.getElementById(target);
@@ -58,7 +58,7 @@ var InfiniteLoading = function InfiniteLoading2(props) {
     return function() {
       scrollEl.current.removeEventListener("scroll", handleScroll, capture);
     };
-  }, [hasMore, isInfiniting]);
+  }, [hasMore, isInfiniting, onLoadMore]);
   useEffect(function() {
     var element = scroller.current;
     element.addEventListener("touchmove", touchMove, {
@@ -172,68 +172,15 @@ var InfiniteLoading = function InfiniteLoading2(props) {
     style: getStyle()
   }, React__default.createElement("div", {
     className: "top-box"
-  }, React__default.createElement("i", {
-    className: "top-box-icons"
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "36",
-    height: "26",
-    viewBox: "0 0 36 26",
-    fill: "none"
-  }, React__default.createElement("path", {
-    d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z",
-    fill: "#8C8C8C"
-  }))), React__default.createElement("div", null, pullingText || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
+  }, pullingText || locale.infiniteloading.pullRefreshText)), React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), React__default.createElement("div", {
     className: "nut-infinite-bottom"
   }, isInfiniting ? React__default.createElement("div", {
     className: "bottom-box"
-  }, React__default.createElement("i", {
-    className: "bottom-box-icons"
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, React__default.createElement("circle", {
-    cx: "2",
-    cy: "12",
-    r: "2",
-    fill: "#8C8C8C"
-  }), React__default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "2",
-    fill: "#8C8C8C"
-  }), React__default.createElement("circle", {
-    cx: "22",
-    cy: "12",
-    r: "2",
-    fill: "#8C8C8C"
-  }))), loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", {
-    className: "bottom-box"
-  }, React__default.createElement("i", {
-    className: "bottom-box-icons"
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, React__default.createElement("g", {
-    clipPath: "url(#clip0_202_858)"
-  }, React__default.createElement("path", {
-    d: "M23.1507 10.6435C21.8958 9.29889 21.6209 7.28491 20.8022 6.60353C19.9835 5.92216 18.7824 7.00753 18.3402 7.6467C15.896 5.92216 11.9879 6.00054 11.9879 6.00054C11.9879 6.00054 8.09759 5.92216 5.6475 7.6467C5.20528 7.00753 4.01012 5.92216 3.19143 6.60353C2.37274 7.28491 2.10383 9.29889 0.848906 10.6435C-0.0892994 11.6566 -0.166985 11.952 0.215468 12.754C0.591945 13.556 2.93447 14.2193 4.58977 12.6334C4.81088 13.4595 6.67534 18 11.9938 18C17.3123 18 19.1887 13.4595 19.4039 12.6334C21.0592 14.2193 23.4077 13.556 23.7901 12.754C24.1666 11.952 24.0889 11.6566 23.1507 10.6435Z",
-    fill: "#8C8C8C"
-  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
-    id: "clip0_202_858"
-  }, React__default.createElement("rect", {
-    width: "24",
-    height: "24",
-    fill: "white"
-  }))))), loadMoreText || locale.infiniteloading.loadMoreText)));
+  }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", {
+    className: "tips"
+  }, loadMoreText || locale.infiniteloading.loadMoreText)));
 };
 InfiniteLoading.defaultProps = defaultProps;
 InfiniteLoading.displayName = "NutInfiniteLoading";

package/dist/esm/Input/style/style.css

@@ -1 +1 @@
-.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 10px 25px);line-height:24px;font-size:var(--nutui-input-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;border-radius:var(--nutui-input-border-radius, 0);background-color:var(--nutui-input-background-color, var(--nutui-gray-1, #ffffff));border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-input .nut-icon{color:#c8c9cc}.nut-input .nut-input-native{width:100%;color:var(--nutui-input-color, var(--nutui-gray-7, #1a1a1a));flex:1;padding:0;border:0;outline:0 none;font:inherit;text-decoration:none;background-color:transparent}.nut-input-disabled{color:var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-input-disabled input:disabled{background:none;color:var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nutui-input-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}
+.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 10px 25px);line-height:24px;background:var(--nutui-gray-6, #ffffff);font-size:var(--nutui-input-font-size, var(--nutui-font-size-2, 14px));box-sizing:border-box;border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, #eaf0fb)}.nut-input .nut-icon{color:#c8c9cc}.nut-input .nut-input-native{width:100%;color:var(--nutui-gray-1, #1a1a1a);flex:1;background-color:transparent;padding:0;border:0;outline:0 none;font:inherit;text-decoration:none}.nut-input-disabled{color:var(--nutui-input-disabled-color, #c8c9cc)!important}.nut-input-disabled input:disabled{background:none;color:var(--nutui-input-disabled-color, #c8c9cc);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nutui-input-disabled-color, #c8c9cc)}

package/dist/esm/Input.js

@@ -2,26 +2,26 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["type", "name", "placeholder", "align", "disabled", "readOnly", "maxLength", "clearable", "clearIcon", "formatTrigger", "autoFocus", "style", "className", "onChange", "onFocus", "onClear", "formatter", "onClick", "confirmType", "defaultValue", "value"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { forwardRef, useRef, useState, useImperativeHandle, useCallback } from "react";
 import { MaskClose } from "@nutui/icons-react";
@@ -88,11 +88,11 @@ var Input = forwardRef(function(props, ref) {
       },
       focus: function focus() {
         var _inputRef$current;
-        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
       },
       blur: function blur() {
         var _inputRef$current2;
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
       },
       get nativeElement() {
         return inputRef.current;
@@ -178,12 +178,12 @@ var Input = forwardRef(function(props, ref) {
     onCompositionStart: function onCompositionStart(e) {
       var _props$onCompositionS;
       composingRef.current = true;
-      (_props$onCompositionS = props.onCompositionStart) === null || _props$onCompositionS === void 0 ? void 0 : _props$onCompositionS.call(props, e);
+      (_props$onCompositionS = props.onCompositionStart) === null || _props$onCompositionS === void 0 || _props$onCompositionS.call(props, e);
     },
     onCompositionEnd: function onCompositionEnd(e) {
       var _props$onCompositionE;
       composingRef.current = false;
-      (_props$onCompositionE = props.onCompositionEnd) === null || _props$onCompositionE === void 0 ? void 0 : _props$onCompositionE.call(props, e);
+      (_props$onCompositionE = props.onCompositionEnd) === null || _props$onCompositionE === void 0 || _props$onCompositionE.call(props, e);
     }
   })), clearable && !readOnly && active && value.length > 0 ? React__default.createElement("span", {
     style: {

package/dist/esm/InputNumber/style/style.css

@@ -1 +1 @@
-.nut-inputnumber{display:flex;align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 16px);height:var(--nutui-inputnumber-button-height, 16px);background-color:var(--nutui-inputnumber-button-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-inputnumber-button-border-radius, 16px)}.nut-inputnumber-disabled input{color:var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-inputnumber-icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-inputnumber-icon-size, 8px);cursor:pointer}.nut-inputnumber-icon-disabled{color:var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber-text-readonly{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);border-radius:var(--nutui-inputnumber-input-border-radius, 6px);margin:var(--nutui-inputnumber-input-margin, 0 6px);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-1, #ffffff))}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{appearance:none}.nut-inputnumber .nut-icon-Minus,.nut-inputnumber .nut-icon-minus,.nut-inputnumber .nut-icon-Plus,.nut-inputnumber .nut-icon-plus{--nut-icon-width: 16px;--nut-icon-height: 16px}
+.nut-inputnumber{display:var(--nutui-inputnumber-display, flex);align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 20px);height:var(--nutui-inputnumber-button-height, 20px);background-color:var(--nutui-inputnumber-button-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-inputnumber-button-border-radius, 30px)}.nut-inputnumber--disabled input{color:var(--nutui-inputnumber-icon-void-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-inputnumber__icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-inputnumber-icon-size, 20px);cursor:pointer}.nut-inputnumber__icon--disabled{color:var(--nutui-inputnumber-icon-disabled-color, var(--nutui-gray-3, #cccccc));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber__text--readonly{width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);margin:var(--nutui-inputnumber-input-margin, 0 6px);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-inputnumber-input-border-radius, 4px)}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nut-icon-Minus,.nut-icon-minus,.nut-icon-Plus,.nut-icon-plus{--nut-icon-width: 20px;--nut-icon-height: 20px}

package/dist/esm/InputNumber.js

@@ -2,26 +2,26 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "disabled", "min", "max", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useRef, useEffect } from "react";
 import { Minus, Plus } from "@nutui/icons-react";
@@ -56,7 +56,7 @@ var InputNumber = function InputNumber2(props) {
       }
     }
   }, []);
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-disabled"), disabled), _classNames), className);
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "--disabled"), disabled), _classNames), className);
   var styles = _objectSpread({}, style);
   var addAllow = function addAllow2() {
     var value2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _checked;
@@ -74,11 +74,11 @@ var InputNumber = function InputNumber2(props) {
     }
     return Number(value2) > Number(min) && !disabled;
   };
-  var iconMinusClasses = classNames("nut-inputnumber-icon icon-minus", {
-    "nut-inputnumber-icon-disabled": !reduceAllow()
+  var iconMinusClasses = classNames("nut-inputnumber__icon icon-minus", {
+    "nut-inputnumber__icon--disabled": !reduceAllow()
   });
-  var iconAddClasses = classNames("nut-inputnumber-icon icon-plus", {
-    "nut-inputnumber-icon-disabled": !addAllow()
+  var iconAddClasses = classNames("nut-inputnumber__icon icon-plus", {
+    "nut-inputnumber__icon--disabled": !addAllow()
   });
   var fixedDecimalPlaces = function fixedDecimalPlaces2(v) {
     return Number(v).toFixed(Number(digits));

package/dist/esm/Layout.js

@@ -1,24 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default from "react";
 var defaultProps = {};

package/dist/esm/Loading/style/style.css

@@ -1 +1 @@
-.nut-loading{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.nut-loading.nut-loading-vertical{flex-direction:column}.nut-loading .nut-loading-icon-box{display:inline-block;font-size:0;line-height:0;animation:nut-loading-rotation 1s infinite linear}.nut-loading .nut-loading-icon-box .nut-loading-icon{color:var(--nutui-loading-icon-color, var(--nutui-gray-5, #8c8c8c));width:var(--nutui-loading-icon-size, var(--nutui-font-size-2, 12px));height:var(--nutui-loading-icon-size, var(--nutui-font-size-2, 12px));font-size:var(--nutui-loading-icon-size, var(--nutui-font-size-2, 12px))}.nut-loading .nut-loading-text{padding:8px;color:var(--nutui-loading-color, var(--nutui-gray-5, #8c8c8c));font-size:var(--nutui-loading-font-size, var(--nutui-font-size-2, 12px))}@keyframes nut-loading-rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
+.nut-loading{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.nut-loading.nut-loading-vertical{flex-direction:column}.nut-loading .nut-loading-icon-box{display:inline-block;font-size:0;line-height:0;animation:nut-loading-rotation 1s infinite linear}.nut-loading .nut-loading-icon-box .nut-loading-icon{color:var(--nutui-loading-icon-color, #9ea9af);width:var(--nutui-loading-icon-size, 32px);height:var(--nutui-loading-icon-size, 32px);font-size:var(--nutui-loading-icon-size, 32px)}.nut-loading .nut-loading-text{padding:4px;color:var(--nutui-loading-text-color, #9ea9af);font-size:var(--nutui-loading-text-size, 14px)}@keyframes nut-loading-rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

package/dist/esm/Loading.js

@@ -1,26 +1,26 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "style", "children", "direction", "icon"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default from "react";
 import classNames from "classnames";
@@ -40,7 +40,7 @@ var Loading = function Loading2(props) {
   var classPrefix = "nut-loading";
   var CurLoadingIcon = loadingMap[rest.type] || Loading1;
   return React__default.createElement("div", {
-    className: classNames(classPrefix, className, direction === "vertical" ? "".concat(classPrefix, "-vertical") : ""),
+    className: classNames(classPrefix, direction === "vertical" ? "".concat(classPrefix, "-vertical") : "", className),
     style
   }, React__default.createElement("div", {
     className: "".concat(classPrefix, "-icon-box")

package/dist/esm/Menu/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item i{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.placeholder-element{position:fixed;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}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}.nut-menu{position:relative}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu__bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu__bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu__title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu__title-icon{transition:all .2s linear}.nut-menu__title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu__title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu__title.active .nut-menu__title-icon{transform:rotate(180deg)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-2, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-item-z-index, 1000);overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:var(--nutui-menu-item-z-index, 1000)}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:fixed;top:var(--nutui-menu-placeholder-top, -48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-relative{position:relative}.nut-menu__bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-6, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu__bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu__item{flex:1;text-align:center;font-size:var(--nutui-menu-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-menu-item-text-color, var(--nutui-gray-1, #1a1a1a));min-width:0}.nut-menu__item.active{color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu__item.disabled{color:var(--nutui-menu-item-disabled-color, #969799)}.nut-menu__title-icon{transition:all .2s linear}.nut-menu__title{display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu__title.active .nut-menu__title-icon{transform:rotate(180deg)}.nut-menu__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:var(--nutui-menu-title-text-padding-left, 8px);padding-right:var(--nutui-menu-title-text-padding-right, 8px)}

package/dist/esm/Menu.js

@@ -3,26 +3,26 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "icon", "scrollFixed", "lockScroll", "overlay", "closeOnOverlayClick", "children", "activeColor", "onClose", "onOpen"];
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
@@ -31,11 +31,13 @@ import { M as MenuItem } from "./menuitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import "react-transition-group";
 import "./overlay2.js";
+import "./use-touch.js";
+import "./get-scroll-parent.js";
+import "./can-use-dom.js";
+import "./supports-passive.js";
 import "./use-click-away.js";
 import "./index.js";
 import "./use-props-value.js";
-import "./get-scroll-parent.js";
-import "./can-use-dom.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   activeColor: "",
   closeOnOverlayClick: true,
@@ -129,10 +131,10 @@ var Menu = function Menu2(props) {
           return "";
         };
         return React__default.createElement("div", {
-          className: classNames("nut-menu__title ", className, {
+          className: classNames("nut-menu__item ", {
             active: showMenuItem[index],
             disabled
-          }),
+          }, className),
           style: {
             color: showMenuItem[index] ? activeColor : ""
           },
@@ -143,13 +145,18 @@ var Menu = function Menu2(props) {
               return;
             !disabled && toggleMenuItem(index);
           }
+        }, React__default.createElement("div", {
+          className: classNames("nut-menu__title ", {
+            active: showMenuItem[index],
+            disabled
+          })
         }, React__default.createElement("div", {
           className: "nut-menu__title-text"
         }, finallyTitle()), icon || (direction === "up" ? React__default.createElement(ArrowUp2, {
           className: "nut-menu__title-icon"
         }) : React__default.createElement(ArrowDown2, {
           className: "nut-menu__title-icon"
-        })));
+        }))));
       }
       return null;
     });
@@ -160,10 +167,12 @@ var Menu = function Menu2(props) {
     }),
     ref: menuRef
   }), React__default.createElement("div", {
+    className: "nut-menu-relative"
+  }, React__default.createElement("div", {
     className: classNames("nut-menu__bar", {
       opened: showMenuItem.includes(true)
     })
-  }, menuTitle()), cloneChildren());
+  }, menuTitle()), cloneChildren()));
 };
 Menu.defaultProps = defaultProps;
 Menu.displayName = "NutMenu";

package/dist/esm/MenuItem/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item i{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.placeholder-element{position:fixed;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}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-2, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-brand-color, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-item-z-index, 1000);overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:var(--nutui-menu-item-z-index, 1000)}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:fixed;top:var(--nutui-menu-placeholder-top, -48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}

package/dist/esm/MenuItem.js

@@ -5,11 +5,13 @@ import "react-transition-group";
 import "@nutui/icons-react";
 import "./overlay2.js";
 import "./typings.js";
+import "./use-touch.js";
+import "./get-scroll-parent.js";
+import "./can-use-dom.js";
+import "./supports-passive.js";
 import "./use-click-away.js";
 import "./index.js";
 import "./use-props-value.js";
-import "./get-scroll-parent.js";
-import "./can-use-dom.js";
 export {
   MenuItem as default
 };

package/dist/esm/NavBar/style/style.css

@@ -1 +1 @@
-.nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;background:var(--nutui-navbar-background, var(--nutui-gray-3, #f6f6f6));box-shadow:var(--nutui-navbar-box-shadow, 0px);font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-7, #1a1a1a));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:inline-block;width:100%}.nut-navbar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar__title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-navbar-title-font-color, var(--nutui-gray-7, #1a1a1a))}.nut-navbar__title .nut-tabs__titles{background:transparent}.nut-navbar__title .nut-tabs__titles-item__text{color:var(--nutui-gray-7, #1a1a1a)}.nut-navbar__title .nut-tabpane{display:none}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left,.nut-navbar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 14px}.nut-navbar__left .nut-icon,.nut-navbar__left .nutui-iconfont,.nut-navbar__right .nut-icon,.nut-navbar__right .nutui-iconfont{width:20px;height:20px;font-size:20px}.nut-navbar__left{left:0}.nut-navbar__left__back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar__right{right:0}
+.nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;padding:var(--nutui-navbar-padding, 13px 16px);background:var(--nutui-navbar-background, var(--nutui-gray-6, #ffffff));box-shadow:var(--nutui-navbar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-2, #757575));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:inline-block;width:100%}.nut-navbar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar__title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-2, 14px));font-weight:var(--nutui-navbar-title-font-weight, 0);color:var(--nutui-navbar-title-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-navbar__title .nut-tabs__titles{background:var(--nutui-gray-6, #ffffff)}.nut-navbar__title .nut-tabs__titles-item__text{color:var(--nutui-gray-1, #1a1a1a)}.nut-navbar__title .nut-tabpane{display:none}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left,.nut-navbar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 16px}.nut-navbar__left{left:0}.nut-navbar__left__back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar__right{right:0}

package/dist/esm/NavBar.js

@@ -1,24 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
     });
   }
-  return target;
+  return e;
 }
 import React__default from "react";
 import classNames from "classnames";