@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/InputNumber.js

@@ -1,63 +1,33 @@
-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(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-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 e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import { Minus, Plus } from "@nutui/icons-react";
 import classNames from "classnames";
 import { u as usePropsValue } from "./use-props-value.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  disabled: false,
-  readOnly: false,
-  allowEmpty: false,
-  min: 1,
-  max: 9999,
-  step: 1,
-  digits: 0,
-  async: false
-});
-var classPrefix = "nut-inputnumber";
-var InputNumber = function InputNumber2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, disabled = _defaultProps$props.disabled, min = _defaultProps$props.min, max = _defaultProps$props.max, readOnly = _defaultProps$props.readOnly, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, allowEmpty = _defaultProps$props.allowEmpty, digits = _defaultProps$props.digits, step = _defaultProps$props.step, async = _defaultProps$props.async, className = _defaultProps$props.className, style = _defaultProps$props.style, formatter = _defaultProps$props.formatter, onPlus = _defaultProps$props.onPlus, onMinus = _defaultProps$props.onMinus, onOverlimit = _defaultProps$props.onOverlimit, onBlur = _defaultProps$props.onBlur, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classes = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-disabled"), disabled));
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), focused = _useState2[0], setFocused = _useState2[1];
-  var inputRef = useRef(null);
-  useEffect(function() {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, step: 1, digits: 0, async: false });
+const classPrefix = `nut-inputnumber`;
+const InputNumber = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
+  const classes = classNames(classPrefix, {
+    [`${classPrefix}-disabled`]: disabled
+  });
+  const [focused, setFocused] = useState(false);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    var _a2, _b;
     if (focused) {
-      var _inputRef$current, _inputRef$current$sel;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || (_inputRef$current$sel = _inputRef$current.select) === null || _inputRef$current$sel === void 0 || _inputRef$current$sel.call(_inputRef$current);
+      (_b = (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.select) === null || _b === void 0 ? void 0 : _b.call(_a2);
     }
   }, [focused]);
-  var _usePropsValue = usePropsValue({
+  const [shadowValue, setShadowValue] = usePropsValue({
     value: typeof value === "string" ? parseFloat(value) : value,
     defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
-    onChange: function onChange2(value2) {
+    finalValue: 0,
+    onChange: (value2) => {
     }
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), shadowValue = _usePropsValue2[0], setShadowValue = _usePropsValue2[1];
-  var bound = function bound2(value2, min2, max2) {
-    var res = value2;
+  });
+  const bound = (value2, min2, max2) => {
+    let res = value2;
     if (min2 !== void 0) {
       res = Math.max(Number(min2), res);
     }
@@ -66,12 +36,12 @@ var InputNumber = function InputNumber2(props) {
     }
     return res;
   };
-  var format = function format2(value2) {
+  const format = (value2) => {
     if (value2 === null)
       return "";
     if (typeof value2 === "string")
       value2 = parseFloat(value2);
-    var fixedValue = bound(value2, Number(min), Number(max));
+    const fixedValue = bound(value2, Number(min), Number(max));
     if (formatter) {
       return formatter(fixedValue);
     }
@@ -80,57 +50,57 @@ var InputNumber = function InputNumber2(props) {
     }
     return fixedValue.toString();
   };
-  var _useState3 = useState(format(shadowValue)), _useState4 = _slicedToArray(_useState3, 2), inputValue = _useState4[0], setInputValue = _useState4[1];
-  useEffect(function() {
+  const [inputValue, setInputValue] = useState(format(shadowValue));
+  useEffect(() => {
     if (!focused && !async) {
       setShadowValue(bound(Number(shadowValue), Number(min), Number(max)));
       setInputValue(format(shadowValue));
     }
   }, [focused, shadowValue]);
-  useEffect(function() {
+  useEffect(() => {
     if (async) {
       setShadowValue(bound(Number(value), Number(min), Number(max)));
       setInputValue(format(value));
     }
   }, [value]);
-  var calcNextValue = function calcNextValue2(current, step2, symbol) {
-    var dig = digits + 1;
+  const calcNextValue = (current, step2, symbol) => {
+    const dig = digits + 1;
     return (parseFloat(current || "0") * dig + parseFloat(step2) * dig * symbol) / dig;
   };
-  var update = function update2(negative, e) {
+  const update = (negative, e) => {
     if (step !== void 0) {
-      var shouldOverBoundary = calcNextValue(shadowValue, step, negative ? -1 : 1);
-      var nextValue = bound(shouldOverBoundary, Number(min), Number(max));
+      const shouldOverBoundary = calcNextValue(shadowValue, step, negative ? -1 : 1);
+      const nextValue = bound(shouldOverBoundary, Number(min), Number(max));
       setShadowValue(nextValue);
-      if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
-        onOverlimit === null || onOverlimit === void 0 || onOverlimit(e);
+      if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
+        onOverlimit === null || onOverlimit === void 0 ? void 0 : onOverlimit(e);
       } else {
-        onChange === null || onChange === void 0 || onChange(nextValue, e);
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, e);
       }
     }
   };
-  var handleReduce = function handleReduce2(e) {
+  const handleReduce = (e) => {
     if (disabled)
       return;
-    onMinus === null || onMinus === void 0 || onMinus(e);
+    onMinus === null || onMinus === void 0 ? void 0 : onMinus(e);
     update(true, e);
   };
-  var handlePlus = function handlePlus2(e) {
+  const handlePlus = (e) => {
     if (disabled)
       return;
-    onPlus === null || onPlus === void 0 || onPlus(e);
+    onPlus === null || onPlus === void 0 ? void 0 : onPlus(e);
     update(false, e);
   };
-  var parseValue = function parseValue2(text) {
+  const parseValue = (text) => {
     if (text === "")
       return null;
     if (text === "-")
       return null;
     return text;
   };
-  var handleInputChange = function handleInputChange2(e) {
+  const handleInputChange = (e) => {
     setInputValue(e.target.value);
-    var valueStr = parseValue(e.target.value);
+    const valueStr = parseValue(e.target.value);
     if (valueStr === null) {
       if (allowEmpty) {
         setShadowValue(null);
@@ -141,45 +111,45 @@ var InputNumber = function InputNumber2(props) {
       setShadowValue(valueStr);
     }
     if (!async) {
-      onChange === null || onChange === void 0 || onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
     }
   };
-  var handleFocus = function handleFocus2(e) {
+  const handleFocus = (e) => {
     setFocused(true);
     setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
     onFocus && onFocus(e);
   };
-  var handleBlur = function handleBlur2(e) {
+  const handleBlur = (e) => {
     setFocused(false);
     onBlur && onBlur(e);
     if (async) {
-      var valueStr = parseValue(e.target.value);
-      onChange === null || onChange === void 0 || onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+      const valueStr = parseValue(e.target.value);
+      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
     }
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    style
-  }, restProps), React__default.createElement("div", {
-    className: "nut-input-minus"
-  }, React__default.createElement(Minus, {
-    className: classNames("nut-inputnumber-icon icon-minus", _defineProperty({}, "".concat(classPrefix, "-icon-disabled"), shadowValue === min || disabled)),
-    onClick: handleReduce
-  })), React__default.createElement(React__default.Fragment, null, React__default.createElement("input", {
-    ref: inputRef,
-    inputMode: "decimal",
-    disabled,
-    readOnly,
-    value: inputValue,
-    onInput: handleInputChange,
-    onBlur: handleBlur,
-    onFocus: handleFocus
-  })), React__default.createElement("div", {
-    className: "nut-input-add"
-  }, React__default.createElement(Plus, {
-    className: classNames("nut-inputnumber-icon icon-plus", _defineProperty({}, "".concat(classPrefix, "-icon-disabled"), shadowValue === max || disabled)),
-    onClick: handlePlus
-  })));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, style }, restProps),
+    React__default.createElement(
+      "div",
+      { className: "nut-input-minus" },
+      React__default.createElement(Minus, { className: classNames("nut-inputnumber-icon icon-minus", {
+        [`${classPrefix}-icon-disabled`]: shadowValue === min || disabled
+      }), onClick: handleReduce })
+    ),
+    React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("input", { ref: inputRef, inputMode: "decimal", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus })
+    ),
+    React__default.createElement(
+      "div",
+      { className: "nut-input-add" },
+      React__default.createElement(Plus, { className: classNames("nut-inputnumber-icon icon-plus", {
+        [`${classPrefix}-icon-disabled`]: shadowValue === max || disabled
+      }), onClick: handlePlus })
+    )
+  );
 };
 InputNumber.defaultProps = defaultProps;
 InputNumber.displayName = "NutInputNumber";

package/dist/esm/Layout.js

@@ -1,32 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-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 e;
-}
 import React__default from "react";
-var defaultProps = {};
-var Layout = function Layout2(props) {
-  _objectSpread(_objectSpread({}, defaultProps), props);
-  return React__default.createElement("div", {
-    className: "nut-layout"
-  }, "Layout");
+const defaultProps = {};
+const Layout = (props) => {
+  Object.assign(Object.assign({}, defaultProps), props);
+  return React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.defaultProps = defaultProps;
 Layout.displayName = "NutLayout";

package/dist/esm/Loading.js

@@ -1,54 +1,27 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "children", "direction", "icon"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-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 e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import classNames from "classnames";
 import { Loading1, Loading as Loading$1 } from "@nutui/icons-react";
 import { C as ComponentDefaults } from "./typings.js";
-var loadingMap = {
+const loadingMap = {
   circular: Loading1,
   spinner: Loading$1
 };
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), {
   // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
   type: "circular",
   direction: "horizontal"
 });
-var Loading = function Loading2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, direction = _defaultProps$props.direction, icon = _defaultProps$props.icon, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-loading";
-  var CurLoadingIcon = loadingMap[rest.type] || Loading1;
-  return React__default.createElement("div", {
-    className: classNames(classPrefix, direction === "vertical" ? "".concat(classPrefix, "-vertical") : "", className),
-    style
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-icon-box")
-  }, icon || React__default.createElement(CurLoadingIcon, {
-    className: "".concat(classPrefix, "-icon")
-  })), children ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-text")
-  }, children) : "");
+const Loading = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, style, children, direction, icon } = _a, rest = __rest(_a, ["className", "style", "children", "direction", "icon"]);
+  const classPrefix = "nut-loading";
+  const CurLoadingIcon = loadingMap[rest.type] || Loading1;
+  return React__default.createElement(
+    "div",
+    { className: classNames(classPrefix, direction === "vertical" ? `${classPrefix}-vertical` : "", className), style },
+    React__default.createElement("div", { className: `${classPrefix}-icon-box` }, icon || React__default.createElement(CurLoadingIcon, { className: `${classPrefix}-icon` })),
+    children ? React__default.createElement("div", { className: `${classPrefix}-text` }, children) : ""
+  );
 };
 Loading.defaultProps = defaultProps;
 Loading.displayName = "NutLoading";

package/dist/esm/Menu.js

@@ -1,95 +1,55 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-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 e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp, ArrowDown } from "@nutui/icons-react";
 import { M as MenuItem } from "./menuitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  activeColor: "",
-  closeOnOverlayClick: true,
-  scrollFixed: false,
-  lockScroll: true,
-  overlay: true,
-  icon: null,
-  onOpen: function onOpen(index, from) {
-  },
-  onClose: function onClose(index, from) {
-  }
-});
-var Menu = function Menu2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, icon = _defaultProps$props.icon, scrollFixed = _defaultProps$props.scrollFixed, lockScroll = _defaultProps$props.lockScroll, overlay = _defaultProps$props.overlay, closeOnOverlayClick = _defaultProps$props.closeOnOverlayClick, children = _defaultProps$props.children, activeColor = _defaultProps$props.activeColor, onClose2 = _defaultProps$props.onClose, onOpen2 = _defaultProps$props.onOpen, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var menuRef = useRef(null);
-  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isScrollFixed = _useState2[0], setIsScrollFixed = _useState2[1];
-  var getScrollTop = function getScrollTop2(el) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeColor: "", closeOnOverlayClick: true, scrollFixed: false, lockScroll: true, overlay: true, icon: null, onOpen: (index, from) => {
+}, onClose: (index, from) => {
+} });
+const Menu = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { className, icon, scrollFixed, lockScroll, overlay, closeOnOverlayClick, children, activeColor, onClose, onOpen } = _a, rest = __rest(_a, ["className", "icon", "scrollFixed", "lockScroll", "overlay", "closeOnOverlayClick", "children", "activeColor", "onClose", "onOpen"]);
+  const menuRef = useRef(null);
+  const [isScrollFixed, setIsScrollFixed] = useState(false);
+  const getScrollTop = (el) => {
     return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
   };
-  var onScroll = function onScroll2() {
-    var scrollFixed2 = props.scrollFixed;
-    var scrollTop = getScrollTop(window);
-    var isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
+  const onScroll = () => {
+    const { scrollFixed: scrollFixed2 } = props;
+    const scrollTop = getScrollTop(window);
+    const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
     setIsScrollFixed(isFixed);
   };
-  useEffect(function() {
+  useEffect(() => {
     if (scrollFixed) {
       window.addEventListener("scroll", onScroll);
     }
-    return function() {
-      return window.removeEventListener("scroll", onScroll);
-    };
+    return () => window.removeEventListener("scroll", onScroll);
   }, []);
-  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), showMenuItem = _useState4[0], setShowMenuItem = _useState4[1];
-  var _useState5 = useState([]), _useState6 = _slicedToArray(_useState5, 2), menuItemTitle = _useState6[0], setMenuItemTitle = _useState6[1];
-  var toggleMenuItem = function toggleMenuItem2(index) {
-    var from = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "NORMAL";
+  const [showMenuItem, setShowMenuItem] = useState([]);
+  const [menuItemTitle, setMenuItemTitle] = useState([]);
+  const toggleMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = !showMenuItem[index];
     if (showMenuItem[index]) {
-      onOpen2 && onOpen2(index, from);
+      onOpen && onOpen(index, from);
     } else {
-      onClose2 && onClose2(index, from);
+      onClose && onClose(index, from);
     }
-    var temp = showMenuItem.map(function(i, idx) {
-      return idx === index ? i : false;
-    });
-    setShowMenuItem(_toConsumableArray(temp));
+    const temp = showMenuItem.map((i, idx) => idx === index ? i : false);
+    setShowMenuItem([...temp]);
   };
-  var hideMenuItem = function hideMenuItem2(index) {
-    var from = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "NORMAL";
+  const hideMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = false;
-    setShowMenuItem(_toConsumableArray(showMenuItem));
-    onClose2 && onClose2(index, from);
+    setShowMenuItem([...showMenuItem]);
+    onClose && onClose(index, from);
   };
-  var updateTitle = function updateTitle2(text, index) {
+  const updateTitle = (text, index) => {
     menuItemTitle[index] = text;
-    setMenuItemTitle(_toConsumableArray(menuItemTitle));
+    setMenuItemTitle([...menuItemTitle]);
   };
-  var cloneChildren = function cloneChildren2() {
-    return React__default.Children.map(children, function(child, index) {
-      return React__default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+  const cloneChildren = () => {
+    return React__default.Children.map(children, (child, index) => {
+      return React__default.cloneElement(child, Object.assign(Object.assign({}, child.props), {
         show: showMenuItem[index],
         index,
         activeColor,
@@ -105,14 +65,12 @@ var Menu = function Menu2(props) {
       }));
     });
   };
-  var menuTitle = function menuTitle2() {
-    return React__default.Children.map(children, function(child, index) {
+  const menuTitle = () => {
+    return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
-        var _child$props = child.props, title = _child$props.title, options = _child$props.options, value = _child$props.value, defaultValue = _child$props.defaultValue, disabled = _child$props.disabled, direction = _child$props.direction;
-        var selected = options === null || options === void 0 ? void 0 : options.filter(function(option) {
-          return option.value === (value !== void 0 ? value : defaultValue);
-        });
-        var finallyTitle = function finallyTitle2() {
+        const { title, options, value, defaultValue, disabled, direction } = child.props;
+        const selected = options === null || options === void 0 ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
+        const finallyTitle = () => {
           if (title)
             return title;
           if (menuItemTitle && menuItemTitle[index])
@@ -121,46 +79,34 @@ var Menu = function Menu2(props) {
             return selected[0].text;
           return "";
         };
-        return React__default.createElement("div", {
-          className: classNames("nut-menu-title ", {
+        return React__default.createElement(
+          "div",
+          { className: classNames("nut-menu-title ", {
             active: showMenuItem[index],
             disabled
-          }, className),
-          style: {
-            color: showMenuItem[index] ? activeColor : ""
-          },
-          key: index,
-          onClick: function onClick(e) {
+          }, className), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: (e) => {
             e.stopPropagation();
             if ((!options || !options.length) && !child.props.children)
               return;
             !disabled && toggleMenuItem(index);
-          }
-        }, React__default.createElement("div", {
-          className: "nut-menu-title-text"
-        }, finallyTitle()), icon || (direction === "up" ? React__default.createElement(ArrowUp, {
-          className: "nut-menu-title-icon",
-          width: "12px",
-          height: "12px"
-        }) : React__default.createElement(ArrowDown, {
-          className: "nut-menu-title-icon",
-          width: "12px",
-          height: "12px"
-        })));
+          } },
+          React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
+          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" }))
+        );
       }
       return null;
     });
   };
-  return React__default.createElement("div", _objectSpread(_objectSpread({}, rest), {}, {
-    className: classNames("nut-menu", className, {
+  return React__default.createElement(
+    "div",
+    Object.assign({}, rest, { className: classNames(`nut-menu`, className, {
       "scroll-fixed": isScrollFixed
-    }),
-    ref: menuRef
-  }), React__default.createElement("div", {
-    className: classNames("nut-menu-bar", {
+    }), ref: menuRef }),
+    React__default.createElement("div", { className: classNames("nut-menu-bar", {
       opened: showMenuItem.includes(true)
-    })
-  }, menuTitle()), cloneChildren());
+    }) }, menuTitle()),
+    cloneChildren()
+  );
 };
 Menu.defaultProps = defaultProps;
 Menu.displayName = "NutMenu";