@nutui/nutui-react-taro 1.3.5 → 1.3.7

package/dist/esm/inputnumber.taro-0cf7c1b7.js

@@ -2,17 +2,13 @@ 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", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus", "iconClassPrefix", "iconFontClassName"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); 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); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).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)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
   buttonSize: '',
@@ -25,76 +21,65 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   decimalPlaces: 0,
   isAsync: false
 });
-
 function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
 }
-
 var InputNumber = function InputNumber(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      disabled = _defaultProps$props.disabled,
-      buttonSize = _defaultProps$props.buttonSize,
-      min = _defaultProps$props.min,
-      max = _defaultProps$props.max,
-      inputWidth = _defaultProps$props.inputWidth,
-      readonly = _defaultProps$props.readonly,
-      modelValue = _defaultProps$props.modelValue,
-      decimalPlaces = _defaultProps$props.decimalPlaces,
-      step = _defaultProps$props.step,
-      isAsync = _defaultProps$props.isAsync,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      add = _defaultProps$props.add,
-      reduce = _defaultProps$props.reduce,
-      change = _defaultProps$props.change,
-      overlimit = _defaultProps$props.overlimit,
-      blur = _defaultProps$props.blur,
-      focus = _defaultProps$props.focus,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    disabled = _defaultProps$props.disabled,
+    buttonSize = _defaultProps$props.buttonSize,
+    min = _defaultProps$props.min,
+    max = _defaultProps$props.max,
+    inputWidth = _defaultProps$props.inputWidth,
+    readonly = _defaultProps$props.readonly,
+    modelValue = _defaultProps$props.modelValue,
+    decimalPlaces = _defaultProps$props.decimalPlaces,
+    step = _defaultProps$props.step,
+    isAsync = _defaultProps$props.isAsync,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    add = _defaultProps$props.add,
+    reduce = _defaultProps$props.reduce,
+    change = _defaultProps$props.change,
+    overlimit = _defaultProps$props.overlimit,
+    blur = _defaultProps$props.blur,
+    focus = _defaultProps$props.focus,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(modelValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      setInputValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
   useEffect(function () {
     setInputValue(modelValue);
   }, [modelValue]);
   var b = cn('inputnumber');
   var classes = classNames(_defineProperty({}, "".concat(b(''), "--disabled"), disabled), className, b(''));
-
   var styles = _objectSpread({
     height: pxCheck(buttonSize)
   }, style);
-
   var addAllow = function addAllow() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
     return value < Number(max) && !disabled;
   };
-
   var reduceAllow = function reduceAllow() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
     return value > Number(min) && !disabled;
   };
-
   var iconMinusClasses = classNames('nut-inputnumber__icon', {
     'nut-inputnumber__icon--disabled': !reduceAllow()
   });
   var iconAddClasses = classNames('nut-inputnumber__icon', {
     'nut-inputnumber__icon--disabled': !addAllow()
   });
-
   var fixedDecimalPlaces = function fixedDecimalPlaces(v) {
     return Number(v).toFixed(Number(decimalPlaces));
   };
-
   var emitChange = function emitChange(value, e) {
     var outputValue = fixedDecimalPlaces(value);
     change && change(outputValue, e);
-
     if (!isAsync) {
       if (Number(outputValue) < Number(min)) {
         setInputValue(Number(min));
@@ -105,10 +90,8 @@ var InputNumber = function InputNumber(props) {
       }
     }
   };
-
   var reduceNumber = function reduceNumber(e) {
     reduce && reduce(e);
-
     if (reduceAllow()) {
       var outputValue = Number(inputValue) - Number(step);
       emitChange(outputValue, e);
@@ -116,10 +99,8 @@ var InputNumber = function InputNumber(props) {
       overlimit && overlimit(e);
     }
   };
-
   var addNumber = function addNumber(e) {
     add && add(e);
-
     if (addAllow()) {
       var outputValue = Number(inputValue) + Number(step);
       emitChange(outputValue, e);
@@ -127,11 +108,9 @@ var InputNumber = function InputNumber(props) {
       overlimit && overlimit(e);
     }
   };
-
   var changeValue = function changeValue(e) {
     var value = Number(e.detail.value);
     change && change(value, e);
-
     if (!isAsync) {
       if (Number.isNaN(value)) {
         setInputValue(inputValue);
@@ -140,28 +119,23 @@ var InputNumber = function InputNumber(props) {
       }
     }
   };
-
   var focusValue = function focusValue(e) {
     if (disabled) return;
     if (readonly) return;
     focus && focus(e);
   };
-
   var burValue = function burValue(e) {
     if (disabled) return;
     if (readonly) return;
     var value = Number(e.detail.value);
-
     if (value < Number(min)) {
       value = Number(min);
     } else if (value > Number(max)) {
       value = Number(max);
     }
-
     emitChange(value, e);
     blur && blur(e);
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
@@ -194,7 +168,6 @@ var InputNumber = function InputNumber(props) {
     onClick: addNumber
   }));
 };
-
 InputNumber.defaultProps = defaultProps;
 InputNumber.displayName = 'NutInputNumber';
 export { InputNumber as I };

package/dist/esm/layout.taro-358f014f.js

@@ -1,20 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); 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); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).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)); }); } return target; }
-
 import React__default from 'react';
 var defaultProps = {};
-
 var Layout = function Layout(props) {
   _objectSpread(_objectSpread({}, defaultProps), props);
-
   return React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-
 Layout.defaultProps = defaultProps;
 Layout.displayName = 'NutLayout';
 export { Layout as L };

package/dist/esm/{menu.taro-9345dcfd.js → menu.taro-f8ca86db.js}

@@ -3,16 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "titleIcon", "scrollFixed", "lockScroll", "closeOnClickOverlay", "children", "activeColor", "iconClassPrefix", "iconFontClassName"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); 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); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).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)); }); } return target; }
-
 import React__default, { useRef, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
@@ -22,44 +18,36 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   lockScroll: true,
   titleIcon: ''
 });
-
 var Menu = function Menu(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      className = _defaultProps$props.className,
-      titleIcon = _defaultProps$props.titleIcon,
-      scrollFixed = _defaultProps$props.scrollFixed,
-      lockScroll = _defaultProps$props.lockScroll,
-      closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
-      children = _defaultProps$props.children,
-      activeColor = _defaultProps$props.activeColor,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    className = _defaultProps$props.className,
+    titleIcon = _defaultProps$props.titleIcon,
+    scrollFixed = _defaultProps$props.scrollFixed,
+    lockScroll = _defaultProps$props.lockScroll,
+    closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
+    children = _defaultProps$props.children,
+    activeColor = _defaultProps$props.activeColor,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var parentRef = useRef(null);
-
   var onScroll = function onScroll() {};
-
   useEffect(function () {
     if (scrollFixed) {
       window.addEventListener('scroll', onScroll);
     }
-
     return function () {
       return window.removeEventListener('scroll', onScroll);
     };
   }, []);
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      itemShow = _useState2[0],
-      setItemShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    itemShow = _useState2[0],
+    setItemShow = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      itemTitle = _useState4[0],
-      setItemTitle = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    itemTitle = _useState4[0],
+    setItemTitle = _useState4[1];
   var toggleItemShow = function toggleItemShow(index) {
     itemShow[index] = !itemShow[index];
     var temp = itemShow.map(function (i, idx) {
@@ -67,21 +55,17 @@ var Menu = function Menu(props) {
     });
     setItemShow(_toConsumableArray(temp));
   };
-
   var hideItemShow = function hideItemShow(index) {
     itemShow[index] = false;
     setItemShow(_toConsumableArray(itemShow));
   };
-
   var updateTitle = function updateTitle(text, index) {
     itemTitle[index] = text;
     setItemTitle(_toConsumableArray(itemTitle));
   };
-
   var parent = function parent() {
     return parentRef;
   };
-
   var cloneChildren = function cloneChildren() {
     return React__default.Children.map(children, function (child, index) {
       return React__default.cloneElement(child, {
@@ -99,32 +83,31 @@ var Menu = function Menu(props) {
       });
     });
   };
-
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: "nut-menu ".concat(className)
   }, rest), {}, {
     ref: parentRef
   }), React__default.createElement("div", {
+    className: "nut-menu-relative"
+  }, React__default.createElement("div", {
     className: "nut-menu__bar ".concat(itemShow.includes(true) ? 'opened' : '', " ").concat(className)
   }, React__default.Children.toArray(children).map(function (child, index) {
     if (!child) return null;
     var _child$props = child.props,
-        disabled = _child$props.disabled,
-        title = _child$props.title,
-        value = _child$props.value,
-        direction = _child$props.direction,
-        options = _child$props.options;
+      disabled = _child$props.disabled,
+      title = _child$props.title,
+      value = _child$props.value,
+      direction = _child$props.direction,
+      options = _child$props.options;
     var currentTitle = options === null || options === void 0 ? void 0 : options.filter(function (option) {
       return option.value === value;
     });
-
     function finallyTitle() {
       if (title) return title;
       if (itemTitle && itemTitle[index]) return itemTitle[index];
       if (currentTitle && currentTitle[0] && currentTitle[0].text) return currentTitle[0].text;
       return '';
     }
-
     return React__default.createElement("div", {
       className: "nut-menu__item ".concat(classNames({
         active: itemShow[index],
@@ -151,9 +134,8 @@ var Menu = function Menu(props) {
       size: "10",
       name: titleIcon || (direction === 'up' ? 'arrow-up' : 'down-arrow')
     })));
-  })), cloneChildren());
+  })), cloneChildren()));
 };
-
 Menu.defaultProps = defaultProps;
 Menu.displayName = 'NutMenu';
 export { Menu as M };

package/dist/esm/{menuitem.taro-fc0961b7.js → menuitem.taro-7bf564c9.js}

@@ -2,11 +2,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); 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); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).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)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
@@ -14,7 +11,6 @@ import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { O as Overlay } from './overlay.taro-be45fed5.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
@@ -29,77 +25,64 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
     return undefined;
   }
 });
-
 var MenuItem = function MenuItem(props) {
   useConfig();
-
   var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      options = _defaultProps$props.options,
-      value = _defaultProps$props.value,
-      columns = _defaultProps$props.columns,
-      title = _defaultProps$props.title,
-      optionsIcon = _defaultProps$props.optionsIcon,
-      direction = _defaultProps$props.direction,
-      onChange = _defaultProps$props.onChange,
-      activeTitleClass = _defaultProps$props.activeTitleClass,
-      inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
-      children = _defaultProps$props.children,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName;
-
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    options = _defaultProps$props.options,
+    value = _defaultProps$props.value,
+    columns = _defaultProps$props.columns,
+    title = _defaultProps$props.title,
+    optionsIcon = _defaultProps$props.optionsIcon,
+    direction = _defaultProps$props.direction,
+    onChange = _defaultProps$props.onChange,
+    activeTitleClass = _defaultProps$props.activeTitleClass,
+    inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
+    children = _defaultProps$props.children,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
   var activeColor = mergedProps.activeColor,
-      showPopup = mergedProps.showPopup,
-      parent = mergedProps.parent,
-      orderKey = mergedProps.orderKey;
-
+    showPopup = mergedProps.showPopup,
+    parent = mergedProps.parent,
+    orderKey = mergedProps.orderKey;
   var _useState = useState(showPopup),
-      _useState2 = _slicedToArray(_useState, 2),
-      _showPopup = _useState2[0],
-      setShowPopup = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    _showPopup = _useState2[0],
+    setShowPopup = _useState2[1];
   var _useState3 = useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      _value = _useState4[0],
-      setValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    _value = _useState4[0],
+    setValue = _useState4[1];
   useEffect(function () {
     setShowPopup(showPopup);
   }, [showPopup]);
   useEffect(function () {
     getParentOffset();
   }, [_showPopup]);
-
   var getIconCName = function getIconCName(optionVal, value) {
     var _classNames;
-
     return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value), _classNames));
   };
-
   var setTitle = function setTitle(text) {
     if (!title) {
       parent.updateTitle(text, orderKey);
     }
   };
-
   var handleClick = function handleClick(item) {
     parent.toggleItemShow(orderKey);
     setTitle(item.text);
     setValue(item.value);
     onChange && onChange(item);
   };
-
   var _useState5 = useState({
-    top: 0,
-    height: 0
-  }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      position = _useState6[0],
-      setPosition = _useState6[1];
-
+      top: 0,
+      height: 0
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    position = _useState6[0],
+    setPosition = _useState6[1];
   var getParentOffset = function getParentOffset() {
     setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var p, rect;
@@ -110,14 +93,12 @@ var MenuItem = function MenuItem(props) {
               p = parent.parent().current;
               _context.next = 3;
               return p.getBoundingClientRect();
-
             case 3:
               rect = _context.sent;
               setPosition({
                 height: rect.height,
                 top: rect.top
               });
-
             case 5:
             case "end":
               return _context.stop();
@@ -126,14 +107,12 @@ var MenuItem = function MenuItem(props) {
       }, _callee);
     })));
   };
-
   var isShow = function isShow() {
     if (_showPopup) return {};
     return {
       display: 'none'
     };
   };
-
   var getPosition = function getPosition() {
     return direction === 'down' ? {
       top: "".concat(position.top + position.height, "px")
@@ -142,20 +121,17 @@ var MenuItem = function MenuItem(props) {
       top: 'auto'
     };
   };
-
   var placeholderStyle = function placeholderStyle() {
     if (direction === 'down') {
       return _objectSpread(_objectSpread({
         height: "".concat(position.top + position.height, "px")
       }, isShow()), style);
     }
-
     return _objectSpread(_objectSpread({
       height: "".concat(window.innerHeight - position.top, "px"),
       top: 'auto'
     }, isShow()), style);
   };
-
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "placeholder-element ".concat(classNames({
       up: direction === 'up'
@@ -174,12 +150,12 @@ var MenuItem = function MenuItem(props) {
       parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
     }
   }), React__default.createElement("div", {
-    className: "nut-menu-item__wrap",
-    style: _objectSpread(_objectSpread({}, getPosition()), isShow())
+    className: direction === 'down' ? 'nut-menu-item__wrap' : 'nut-menu-item__wrap-up',
+    style: _objectSpread({}, isShow())
   }, React__default.createElement(CSSTransition, {
     "in": _showPopup,
     timeout: 100,
-    classNames: "menu-item"
+    classNames: direction === 'down' ? 'menu-item' : 'menu-item-up'
   }, React__default.createElement("div", {
     className: "nut-menu-item__content"
   }, options === null || options === void 0 ? void 0 : options.map(function (item, index) {
@@ -208,7 +184,6 @@ var MenuItem = function MenuItem(props) {
     }, item.text));
   }), children))));
 };
-
 MenuItem.defaultProps = defaultProps;
 MenuItem.displayName = 'NutMenuItem';
 export { MenuItem as M };