@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.1-beta.0

package/dist/esm/{infiniteloading.taro-abf15a17.js → infiniteloading.taro-0a86819e.js}

@@ -10,8 +10,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-62bd7379.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { I as Icon } from './icon-8dc4de10.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps = {
   hasMore: true,
   threshold: 200,

package/dist/esm/input.taro-1d23861d.js

@@ -0,0 +1,392 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "type", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "change", "blur", "focus", "clear", "formatter", "keypress", "clickInput", "clickLeftIcon", "clickRightIcon", "click"];
+
+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, useRef, useLayoutEffect, useEffect, useCallback } from 'react';
+import { I as Icon } from './icon-8dc4de10.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
+
+function trimExtraChar(value, _char, regExp) {
+  var index = value.indexOf(_char);
+
+  if (index === -1) {
+    return value;
+  }
+
+  if (_char === '-' && index !== 0) {
+    return value.slice(0, index);
+  }
+
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+}
+
+function formatNumber(value) {
+  var allowDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var allowMinus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+  if (allowDot) {
+    value = trimExtraChar(value, '.', /\./g);
+  } else {
+    value = value.split('.')[0];
+  }
+
+  if (allowMinus) {
+    value = trimExtraChar(value, '-', /-/g);
+  } else {
+    value = value.replace(/-/, '');
+  }
+
+  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+  return value.replace(regExp, '');
+}
+
+var defaultProps = {
+  type: 'text',
+  defaultValue: '',
+  placeholder: '',
+  label: '',
+  labelClass: '',
+  labelWidth: '80',
+  labelAlign: 'left',
+  colon: false,
+  inputAlign: 'left',
+  center: false,
+  required: false,
+  disabled: false,
+  readonly: false,
+  error: false,
+  maxlength: '9999',
+  leftIcon: '',
+  leftIconSize: '',
+  rightIcon: '',
+  rightIconSize: '',
+  clearable: false,
+  clearIcon: 'mask-close',
+  clearSize: '14',
+  border: true,
+  formatTrigger: 'onChange',
+  rules: [],
+  rows: null,
+  errorMessage: '',
+  errorMessageAlign: '',
+  showWordLimit: false,
+  autofocus: false,
+  slotButton: null,
+  slotInput: null
+};
+
+var Input = function Input(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      type = _defaultProps$props.type,
+      defaultValue = _defaultProps$props.defaultValue,
+      placeholder = _defaultProps$props.placeholder,
+      label = _defaultProps$props.label,
+      labelClass = _defaultProps$props.labelClass,
+      labelWidth = _defaultProps$props.labelWidth,
+      labelAlign = _defaultProps$props.labelAlign,
+      colon = _defaultProps$props.colon,
+      inputAlign = _defaultProps$props.inputAlign,
+      center = _defaultProps$props.center,
+      required = _defaultProps$props.required,
+      disabled = _defaultProps$props.disabled,
+      readonly = _defaultProps$props.readonly,
+      error = _defaultProps$props.error,
+      maxlength = _defaultProps$props.maxlength,
+      leftIcon = _defaultProps$props.leftIcon,
+      leftIconSize = _defaultProps$props.leftIconSize,
+      rightIcon = _defaultProps$props.rightIcon,
+      rightIconSize = _defaultProps$props.rightIconSize,
+      clearable = _defaultProps$props.clearable,
+      clearIcon = _defaultProps$props.clearIcon,
+      clearSize = _defaultProps$props.clearSize,
+      border = _defaultProps$props.border,
+      formatTrigger = _defaultProps$props.formatTrigger,
+      rules = _defaultProps$props.rules,
+      errorMessage = _defaultProps$props.errorMessage,
+      errorMessageAlign = _defaultProps$props.errorMessageAlign,
+      showWordLimit = _defaultProps$props.showWordLimit,
+      autofocus = _defaultProps$props.autofocus,
+      style = _defaultProps$props.style,
+      className = _defaultProps$props.className,
+      rows = _defaultProps$props.rows,
+      slotButton = _defaultProps$props.slotButton,
+      slotInput = _defaultProps$props.slotInput,
+      change = _defaultProps$props.change,
+      blur = _defaultProps$props.blur,
+      focus = _defaultProps$props.focus,
+      clear = _defaultProps$props.clear,
+      formatter = _defaultProps$props.formatter,
+      keypress = _defaultProps$props.keypress,
+      clickInput = _defaultProps$props.clickInput,
+      clickLeftIcon = _defaultProps$props.clickLeftIcon,
+      clickRightIcon = _defaultProps$props.clickRightIcon,
+      click = _defaultProps$props.click,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  locale.placeholder = placeholder || locale.placeholder;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      SetInputValue = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      active = _useState4[0],
+      SetActive = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      classes = _useState6[0],
+      setClasses = _useState6[1];
+
+  var getModelValue = function getModelValue() {
+    return String(inputValue !== null && inputValue !== void 0 ? inputValue : '');
+  };
+
+  var inputRef = useRef(null);
+  useLayoutEffect(function () {
+    updateValue(getModelValue(), formatTrigger);
+  });
+  useEffect(function () {
+    setClasses(inputClass);
+
+    if (defaultValue) {
+      SetInputValue(defaultValue);
+    }
+  }, [defaultValue]);
+  useEffect(function () {
+    if (inputValue) {
+      updateValue(getModelValue());
+      resetValidation();
+    }
+  }, [inputValue]);
+  var inputClass = useCallback(function () {
+    var prefixCls = 'nut-input';
+    return [prefixCls, "".concat(center ? 'center' : ''), "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(required ? "".concat(prefixCls, "-required") : ''), "".concat(error ? "".concat(prefixCls, "-error") : ''), "".concat(border ? "".concat(prefixCls, "-border") : '')].filter(Boolean).join(' ');
+  }, [disabled, required, error, border]);
+
+  var updateValue = function updateValue(value) {
+    var _inputRef$current;
+
+    var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
+    var val = value;
+
+    if (type === 'digit' || type === 'tel') {
+      val = formatNumber(val, false, false);
+    }
+
+    if (type === 'number') {
+      val = formatNumber(val, true, true);
+    }
+
+    if (type === 'tel' && !formatter) {
+      var regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+      var regNumber = /[^-0-9]/g;
+      val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, '');
+    }
+
+    if (formatter && trigger === formatTrigger) {
+      val = formatter(val);
+    }
+
+    if ((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== val) {
+      inputRef.current.value = val;
+    } // if (val !== defaultValue) {
+
+
+    SetInputValue(val); // }
+  };
+
+  var _onFocus = function onFocus(event) {
+    var val = event.target.value;
+    SetActive(true);
+    focus && focus(val, event);
+  };
+
+  var _onInput = function onInput(event) {
+    var val = event.target.value;
+
+    if (maxlength && val.length > Number(maxlength)) {
+      val = val.slice(0, Number(maxlength));
+    }
+
+    updateValue(val);
+    change && change(val, event);
+  };
+
+  var _onBlur = function onBlur(event) {
+    setTimeout(function () {
+      SetActive(false);
+    }, 200);
+    var val = event.target.value;
+
+    if (maxlength && val.length > Number(maxlength)) {
+      val = val.slice(0, Number(maxlength));
+    }
+
+    updateValue(getModelValue(), 'onBlur');
+    blur && blur(val, event);
+  };
+
+  var onClickInput = function onClickInput(event) {
+    clickInput && clickInput(event);
+  };
+
+  var onClickLeftIcon = function onClickLeftIcon(event) {
+    clickLeftIcon && clickLeftIcon(event);
+  };
+
+  var onClickRightIcon = function onClickRightIcon(event) {
+    clickRightIcon && clickRightIcon(event);
+  };
+
+  var resetValidation = function resetValidation() {};
+
+  var inputType = function inputType(type) {
+    if (type === 'number') {
+      return 'text';
+    }
+
+    if (type === 'digit') {
+      return 'tel';
+    }
+
+    return type;
+  };
+
+  var handleClear = function handleClear(event) {
+    updateValue('');
+    clear && clear('', event);
+  };
+
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: "".concat(classes, "  ").concat(className || ''),
+    style: style
+  }, rest), {}, {
+    onClick: function onClick(e) {
+      click && click(e);
+    }
+  }), slotInput ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "nut-input-label ".concat(labelClass),
+    style: {
+      width: "".concat(labelWidth, "px"),
+      textAlign: labelAlign
+    }
+  }, React__default.createElement("div", {
+    className: "label-string"
+  }, label, colon ? ':' : '')), React__default.createElement("div", {
+    className: "nut-input-value"
+  }, React__default.createElement("div", {
+    className: "nut-input-inner",
+    onClick: function onClick(e) {
+      onClickInput(e);
+    }
+  }, slotInput))) : React__default.createElement(React__default.Fragment, null, leftIcon && leftIcon.length > 0 ? React__default.createElement("div", {
+    className: "nut-input-left-icon",
+    onClick: function onClick(e) {
+      onClickLeftIcon(e);
+    }
+  }, React__default.createElement(Icon, {
+    name: leftIcon,
+    size: leftIconSize
+  })) : null, React__default.createElement("div", {
+    className: "nut-input-label ".concat(labelClass),
+    style: {
+      width: "".concat(labelWidth, "px"),
+      textAlign: labelAlign
+    }
+  }, React__default.createElement("div", {
+    className: "label-string"
+  }, label, colon ? ':' : '')), React__default.createElement("div", {
+    className: "nut-input-value"
+  }, React__default.createElement("div", {
+    className: "nut-input-inner",
+    onClick: function onClick(e) {
+      onClickInput(e);
+    }
+  }, type === 'textarea' ? React__default.createElement("textarea", {
+    className: "input-text",
+    ref: inputRef,
+    style: {
+      textAlign: inputAlign,
+      height: "".concat(Number(rows) * 24, "px")
+    },
+    maxLength: maxlength,
+    placeholder: placeholder || locale.placeholder,
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    autoFocus: autofocus,
+    onBlur: function onBlur(e) {
+      _onBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      _onFocus(e);
+    },
+    onInput: function onInput(e) {
+      _onInput(e);
+    }
+  }) : React__default.createElement("input", {
+    className: "input-text",
+    ref: inputRef,
+    style: {
+      textAlign: inputAlign
+    },
+    type: inputType(type),
+    maxLength: maxlength,
+    placeholder: placeholder || locale.placeholder,
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    autoFocus: autofocus,
+    onBlur: function onBlur(e) {
+      _onBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      _onFocus(e);
+    },
+    onInput: function onInput(e) {
+      _onInput(e);
+    }
+  }), clearable && !readonly && active && inputValue.length > 0 ? React__default.createElement(Icon, {
+    className: "nut-input-clear",
+    name: clearIcon,
+    size: clearSize,
+    onClick: function onClick(e) {
+      handleClear(e);
+    }
+  }) : null, rightIcon && rightIcon.length > 0 ? React__default.createElement("div", {
+    className: "nut-input-right-icon",
+    onClick: function onClick(e) {
+      onClickRightIcon(e);
+    }
+  }, React__default.createElement(Icon, {
+    name: rightIcon,
+    size: rightIconSize
+  })) : null, slotButton ? React__default.createElement("div", {
+    className: "nut-input-button"
+  }, slotButton) : null), showWordLimit && maxlength ? React__default.createElement("div", {
+    className: "nut-input-word-limit"
+  }, React__default.createElement("span", {
+    className: "nut-input-word-num"
+  }, inputValue ? inputValue.length : 0), "/", maxlength) : null, errorMessage ? React__default.createElement("div", {
+    className: "nut-input-error-message",
+    style: {
+      textAlign: errorMessageAlign
+    }
+  }, errorMessage) : null)));
+};
+
+Input.defaultProps = defaultProps;
+Input.displayName = 'NutInput';
+export { Input as I };

package/dist/esm/{inputnumber.taro-4ec2bfb6.js → inputnumber.taro-75662231.js}

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   disabled: false,
@@ -88,16 +88,16 @@ var InputNumber = function InputNumber(props) {
   };
 
   var emitChange = function emitChange(value, e) {
-    var output_value = fixedDecimalPlaces(value);
-    change && change(output_value, e);
+    var outputValue = fixedDecimalPlaces(value);
+    change && change(outputValue, e);
 
     if (!isAsync) {
-      if (Number(output_value) < Number(min)) {
+      if (Number(outputValue) < Number(min)) {
         setInputValue(Number(min));
-      } else if (Number(output_value) > Number(max)) {
+      } else if (Number(outputValue) > Number(max)) {
         setInputValue(Number(max));
       } else {
-        setInputValue(output_value);
+        setInputValue(outputValue);
       }
     }
   };
@@ -106,8 +106,8 @@ var InputNumber = function InputNumber(props) {
     reduce && reduce(e);
 
     if (reduceAllow()) {
-      var output_value = Number(inputValue) - Number(step);
-      emitChange(output_value, e);
+      var outputValue = Number(inputValue) - Number(step);
+      emitChange(outputValue, e);
     } else {
       overlimit && overlimit(e);
     }
@@ -117,22 +117,22 @@ var InputNumber = function InputNumber(props) {
     add && add(e);
 
     if (addAllow()) {
-      var output_value = Number(inputValue) + Number(step);
-      emitChange(output_value, e);
+      var outputValue = Number(inputValue) + Number(step);
+      emitChange(outputValue, e);
     } else {
       overlimit && overlimit(e);
     }
   };
 
   var changeValue = function changeValue(e) {
-    var input = e.target;
-    change && change(input.valueAsNumber, e);
+    var value = Number(e.detail.value);
+    change && change(value, e);
 
     if (!isAsync) {
-      if (Number.isNaN(input.valueAsNumber)) {
+      if (Number.isNaN(value)) {
         setInputValue(inputValue);
       } else {
-        setInputValue(input.valueAsNumber);
+        setInputValue(value);
       }
     }
   };
@@ -146,8 +146,7 @@ var InputNumber = function InputNumber(props) {
   var burValue = function burValue(e) {
     if (disabled) return;
     if (readonly) return;
-    var input = e.target;
-    var value = input.valueAsNumber;
+    var value = Number(e.detail.value);
 
     if (value < Number(min)) {
       value = Number(min);
@@ -166,7 +165,7 @@ var InputNumber = function InputNumber(props) {
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
-    click: reduceNumber
+    onClick: reduceNumber
   }), React__default.createElement("input", {
     type: "number",
     min: min,
@@ -184,7 +183,7 @@ var InputNumber = function InputNumber(props) {
     className: iconAddClasses,
     size: buttonSize,
     name: "plus",
-    click: addNumber
+    onClick: addNumber
   }));
 };
 

package/dist/esm/menu.taro-03e3b011.js

@@ -0,0 +1,153 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "titleIcon", "scrollFixed", "lockScroll", "closeOnClickOverlay", "children", "activeColor"];
+
+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';
+var defaultProps = {
+  className: '',
+  style: {},
+  activeColor: '#F2270C',
+  closeOnClickOverlay: true,
+  scrollFixed: false,
+  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,
+      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];
+
+  var _useState3 = useState([]),
+      _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) {
+      return idx === index ? i : false;
+    });
+    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, {
+        showPopup: itemShow[index],
+        orderKey: index,
+        activeColor: activeColor,
+        parent: {
+          closeOnClickOverlay: closeOnClickOverlay,
+          lockScroll: lockScroll,
+          toggleItemShow: toggleItemShow,
+          updateTitle: updateTitle,
+          hideItemShow: hideItemShow,
+          parent: parent
+        }
+      });
+    });
+  };
+
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: "nut-menu ".concat(className)
+  }, rest), {}, {
+    ref: parentRef
+  }), 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;
+    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],
+        disabled: disabled
+      })),
+      style: {
+        color: itemShow[index] ? activeColor : ''
+      },
+      key: index,
+      onClick: function onClick() {
+        !disabled && toggleItemShow(index);
+      }
+    }, React__default.createElement("div", {
+      className: "nut-menu__title ".concat(classNames({
+        active: itemShow[index],
+        disabled: disabled
+      }))
+    }, React__default.createElement("div", {
+      className: "nut-menu__title-text"
+    }, finallyTitle()), React__default.createElement(Icon, {
+      className: "nut-menu__title-icon",
+      size: "10",
+      name: titleIcon || (direction === 'up' ? 'arrow-up' : 'down-arrow')
+    })));
+  })), cloneChildren());
+};
+
+Menu.defaultProps = defaultProps;
+Menu.displayName = 'NutMenu';
+export { Menu as M };