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

package/dist/esm/date-c7aad4c0.js

@@ -0,0 +1,97 @@
+var Utils = {
+  /**
+   * 是否为闫年
+   * @return {Boolse} true|false
+   */
+  isLeapYear: function isLeapYear(y) {
+    return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
+  },
+  /**
+   * 返回星期数
+   * @return {String}
+   */
+  getWhatDay: function getWhatDay(year, month, day) {
+    var date = new Date("".concat(year, "/").concat(month, "/").concat(day));
+    var index = date.getDay();
+    var dayNames = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+    return dayNames[index];
+  },
+  /**
+   * 返回星期数
+   * @return {Number}
+   */
+  getMonthPreDay: function getMonthPreDay(year, month) {
+    var date = new Date("".concat(year, "/").concat(month, "/01"));
+    var day = date.getDay();
+    if (day == 0) {
+      day = 7;
+    }
+    return day;
+  },
+  /**
+   * 返回月份天数
+   * @return {Number}
+   */
+  getMonthDays: function getMonthDays(year, month) {
+    if (/^0/.test(month)) {
+      month = month.split('')[1];
+    }
+    return [0, 31, this.isLeapYear(Number(year)) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+  },
+  /**
+   * 补齐数字位数
+   * @return {string}
+   */
+  getNumTwoBit: function getNumTwoBit(n) {
+    n = Number(n);
+    return (n > 9 ? '' : '0') + n;
+  },
+  /**
+   * 日期对象转成字符串
+   * @return {string}
+   */
+  date2Str: function date2Str(date, split) {
+    split = split || '-';
+    var y = date.getFullYear();
+    var m = this.getNumTwoBit(date.getMonth() + 1);
+    var d = this.getNumTwoBit(date.getDate());
+    return [y, m, d].join(split);
+  },
+  /**
+   * 返回日期格式字符串
+   * @param {Number} 0返回今天的日期、1返回明天的日期，2返回后天得日期，依次类推
+   * @return {string} '2014-12-31'
+   */
+  getDay: function getDay(i) {
+    i = i || 0;
+    var date = new Date();
+    var diff = i * (1000 * 60 * 60 * 24);
+    date = new Date(date.getTime() + diff);
+    return this.date2Str(date);
+  },
+  /**
+   * 时间比较
+   * @return {Boolean}
+   */
+  compareDate: function compareDate(date1, date2) {
+    var startTime = new Date(date1.replace('-', '/').replace('-', '/'));
+    var endTime = new Date(date2.replace('-', '/').replace('-', '/'));
+    if (startTime >= endTime) {
+      return false;
+    }
+    return true;
+  },
+  /**
+   * 时间是否相等
+   * @return {Boolean}
+   */
+  isEqual: function isEqual(date1, date2) {
+    var startTime = new Date(date1).getTime();
+    var endTime = new Date(date2).getTime();
+    if (startTime == endTime) {
+      return true;
+    }
+    return false;
+  }
+};
+export { Utils as U };

package/dist/esm/formitem-8a73a5fb.js

@@ -0,0 +1,157 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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, { createContext } from 'react';
+import Cell from './Cell.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+var FormItemContext = createContext({});
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  name: '',
+  label: '',
+  className: '',
+  rules: [{
+    required: false,
+    message: ''
+  }],
+  disabled: false,
+  labelWidth: 90,
+  errorMessageAlign: 'left',
+  showErrorLine: true,
+  showErrorMessage: true,
+  initialValue: ''
+});
+var FormItem = /*#__PURE__*/function (_React__default$Compo) {
+  _inherits(FormItem, _React__default$Compo);
+  var _super = _createSuper(FormItem);
+  function FormItem() {
+    var _this;
+    _classCallCheck(this, FormItem);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
+    _defineProperty(_assertThisInitialized(_this), "isInitialValue", false);
+    // children添加value属性和onChange事件
+    _defineProperty(_assertThisInitialized(_this), "getControlled", function (children) {
+      var _children$props, _children$props2;
+      var _this$context = _this.context,
+        getFieldValue = _this$context.getFieldValue,
+        setFieldsValue = _this$context.setFieldsValue;
+      var name = _this.props.name;
+      var type = children.type.NAME;
+      var defaultvalue = _this.props.initialValue || ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.defaultValue) || ((_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.value);
+      if (defaultvalue && !_this.isInitialValue) {
+        setFieldsValue(_defineProperty({}, name, defaultvalue));
+        _this.isInitialValue = true;
+      }
+      return {
+        value: getFieldValue(name),
+        defaultValue: getFieldValue(name),
+        onChange: function onChange(event) {
+          var originOnChange = children.props.onChange;
+          if (originOnChange) {
+            originOnChange(event);
+          }
+          var newValue = event;
+          switch (type) {
+            case 'checkbox':
+              newValue = event.target.value;
+              break;
+          }
+          setFieldsValue(_defineProperty({}, name, newValue));
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "onStoreChange", function () {
+      _this.forceUpdate();
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderLayout", function (childNode) {
+      var _this$context$errList, _this$context$errList2;
+      var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props),
+        label = _defaultProps$_this$p.label,
+        name = _defaultProps$_this$p.name,
+        _defaultProps$_this$p2 = _defaultProps$_this$p.rules,
+        rules = _defaultProps$_this$p2 === void 0 ? [{
+          required: false,
+          message: ''
+        }] : _defaultProps$_this$p2,
+        className = _defaultProps$_this$p.className,
+        labelWidth = _defaultProps$_this$p.labelWidth,
+        errorMessageAlign = _defaultProps$_this$p.errorMessageAlign,
+        showErrorLine = _defaultProps$_this$p.showErrorLine,
+        showErrorMessage = _defaultProps$_this$p.showErrorMessage;
+      var item = ((_this$context$errList = _this.context.errList) === null || _this$context$errList === void 0 ? void 0 : _this$context$errList.length) > 0 && ((_this$context$errList2 = _this.context.errList) === null || _this$context$errList2 === void 0 ? void 0 : _this$context$errList2.filter(function (item) {
+        return item.field === name;
+      }));
+      var starPositon = _this.context.starPositon;
+      var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
+        className: "required"
+      });
+      var renderLabel = starPositon === 'Right' ? React__default.createElement(React__default.Fragment, null, label, renderStar) : React__default.createElement(React__default.Fragment, null, renderStar, label);
+      return React__default.createElement(Cell, {
+        className: "nut-form-item ".concat(className)
+      }, label ? React__default.createElement("div", {
+        className: "nut-cell__title nut-form-item__label",
+        style: {
+          width: _this.pxCheck(labelWidth)
+        }
+      }, renderLabel) : null, React__default.createElement("div", {
+        className: "nut-cell__value nut-form-item__body"
+      }, React__default.createElement("div", {
+        className: "nut-form-item__body__slots"
+      }, childNode), item.length > 0 && React__default.createElement("div", {
+        className: "nut-form-item__body__tips",
+        style: {
+          textAlign: errorMessageAlign
+        }
+      }, item[0].message)));
+    });
+    _defineProperty(_assertThisInitialized(_this), "pxCheck", function (value) {
+      return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+    });
+    return _this;
+  }
+  _createClass(FormItem, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // 注册组件实例到FormStore
+      this.cancelRegister = this.context.registerField(this);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.cancelRegister) {
+        this.cancelRegister();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        initialValue = _this$props.initialValue;
+      var c = Array.isArray(children) ? children[0] : children;
+      var restCNode = c;
+      if (initialValue) {
+        restCNode = React__default.cloneElement(c, {
+          defaultValue: initialValue
+        });
+      }
+      var returnChildNode = React__default.cloneElement(restCNode, this.getControlled(restCNode));
+      return this.renderLayout(returnChildNode);
+    }
+  }]);
+  return FormItem;
+}(React__default.Component);
+_defineProperty(FormItem, "defaultProps", defaultProps);
+_defineProperty(FormItem, "contextType", FormItemContext);
+export { FormItemContext as F, FormItem as a };

package/dist/esm/get-scroll-parent-5f85dee8.js

@@ -0,0 +1,24 @@
+var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);
+var defaultRoot = canUseDom ? window : undefined;
+var overflowStylePatterns = ['scroll', 'auto', 'overlay'];
+function isElement(node) {
+  var ELEMENT_NODE_TYPE = 1;
+  return node.nodeType === ELEMENT_NODE_TYPE;
+}
+function getScrollParent(el) {
+  var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
+  var node = el;
+  while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+    var _window$getComputedSt = window.getComputedStyle(node),
+      overflowY = _window$getComputedSt.overflowY;
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+    node = node.parentNode;
+  }
+  return root;
+}
+export { canUseDom as c, getScrollParent as g };

package/dist/esm/grid.context-2ee27d95.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+var gridContext = {
+  onClick: function onClick(item, index) {}
+};
+var GridContext = React__default.createContext(gridContext);
+export { GridContext as G };

package/dist/esm/icon-4ef1581c.js

@@ -0,0 +1,70 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
+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';
+import { c as cn } from './bem-3b438e61.js';
+var defaultProps = {
+  name: '',
+  size: '',
+  classPrefix: 'nut-icon',
+  fontClassName: 'nutui-iconfont',
+  color: '',
+  tag: 'i',
+  onClick: function onClick(e) {},
+  className: ''
+};
+function pxCheck(value) {
+  if (value === '') {
+    return value;
+  }
+  if (Number.isNaN(Number(value))) {
+    return String(value);
+  }
+  return "".concat(value, "px");
+}
+function Icon(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    name = _defaultProps$props.name,
+    size = _defaultProps$props.size,
+    classPrefix = _defaultProps$props.classPrefix,
+    color = _defaultProps$props.color,
+    tag = _defaultProps$props.tag,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    fontClassName = _defaultProps$props.fontClassName,
+    style = _defaultProps$props.style,
+    onClick = _defaultProps$props.onClick,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var isImage = name ? name.indexOf('/') !== -1 : false;
+  var type = isImage ? 'img' : tag;
+  var b = cn('icon');
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  var hasSrc = function hasSrc() {
+    if (isImage) return {
+      src: name
+    };
+    return {};
+  };
+  var styles = {};
+  var checkedSize = pxCheck(size);
+  if (checkedSize) {
+    styles.width = styles.height = styles.fontSize = checkedSize;
+  }
+  return React__default.createElement(type, _objectSpread(_objectSpread({
+    className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
+    style: _objectSpread(_objectSpread({
+      color: color
+    }, styles), style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+}
+Icon.defaultProps = defaultProps;
+Icon.displayName = 'NutIcon';
+export { Icon as I };

package/dist/esm/index-030b7245.js

@@ -0,0 +1,11 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+var isObject = function isObject(val) {
+  return val !== null && _typeof(val) === 'object';
+};
+var isFunction = function isFunction(val) {
+  return typeof val === 'function';
+};
+var isPromise = function isPromise(val) {
+  return isObject(val) && isFunction(val.then) && isFunction(val["catch"]);
+};
+export { isObject as a, isPromise as i };

package/dist/esm/nutui-react.es.js

@@ -0,0 +1,94 @@
+export { default as Button } from './Button.js';
+export { default as Cell } from './Cell.js';
+export { default as CellGroup } from './CellGroup.js';
+export { default as ConfigProvider } from './ConfigProvider.js';
+export { default as Icon } from './Icon.js';
+export { default as Image } from './Image.js';
+export { default as Overlay } from './Overlay.js';
+export { default as Popup } from './Popup.js';
+export { default as Col } from './Col.js';
+export { default as Divider } from './Divider.js';
+export { default as Grid } from './Grid.js';
+export { default as GridItem } from './GridItem.js';
+export { default as Layout } from './Layout.js';
+export { default as Row } from './Row.js';
+export { default as Sticky } from './Sticky.js';
+export { default as Elevator } from './Elevator.js';
+export { default as FixedNav } from './FixedNav.js';
+export { default as Indicator } from './Indicator.js';
+export { default as Menu } from './Menu.js';
+export { default as MenuItem } from './MenuItem.js';
+export { default as NavBar } from './NavBar.js';
+export { default as Pagination } from './Pagination.js';
+export { default as SideNavBar } from './SideNavBar.js';
+export { default as SideNavBarItem } from './SideNavBarItem.js';
+export { default as SubSideNavBar } from './SubSideNavBar.js';
+export { default as Tabbar } from './Tabbar.js';
+export { default as TabbarItem } from './TabbarItem.js';
+export { default as TabPane } from './TabPane.js';
+export { default as Tabs } from './Tabs.js';
+export { default as Calendar } from './Calendar.js';
+export { default as CalendarItem } from './CalendarItem.js';
+export { default as Cascader } from './Cascader.js';
+export { default as Checkbox } from './Checkbox.js';
+export { default as CheckboxGroup } from './CheckboxGroup.js';
+export { default as DatePicker } from './DatePicker.js';
+export { default as Form } from './Form.js';
+export { default as FormItem } from './FormItem.js';
+export { default as Input } from './Input.js';
+export { default as InputNumber } from './InputNumber.js';
+export { default as NumberKeyboard } from './NumberKeyboard.js';
+export { default as Picker } from './Picker.js';
+export { default as Radio } from './Radio.js';
+export { default as RadioGroup } from './RadioGroup.js';
+export { default as Range } from './Range.js';
+export { default as Rate } from './Rate.js';
+export { default as SearchBar } from './SearchBar.js';
+export { default as ShortPassword } from './ShortPassword.js';
+export { default as TextArea } from './TextArea.js';
+export { default as Uploader } from './Uploader.js';
+export { default as ActionSheet } from './ActionSheet.js';
+export { default as BackTop } from './BackTop.js';
+export { default as Dialog } from './Dialog.js';
+export { default as Drag } from './Drag.js';
+export { default as Infiniteloading } from './Infiniteloading.js';
+export { default as Notify } from './Notify.js';
+export { default as PullToRefresh } from './PullToRefresh.js';
+export { default as Swipe } from './Swipe.js';
+export { default as Switch } from './Switch.js';
+export { default as Toast } from './Toast.js';
+export { default as Animate } from './Animate.js';
+export { default as AnimatingNumbers } from './AnimatingNumbers.js';
+export { default as Audio } from './Audio.js';
+export { default as Avatar } from './Avatar.js';
+export { default as AvatarGroup } from './AvatarGroup.js';
+export { default as Badge } from './Badge.js';
+export { default as CircleProgress } from './CircleProgress.js';
+export { default as Collapse } from './Collapse.js';
+export { default as CollapseItem } from './CollapseItem.js';
+export { default as CountDown } from './CountDown.js';
+export { default as Ellipsis } from './Ellipsis.js';
+export { default as Empty } from './Empty.js';
+export { default as ImagePreview } from './ImagePreview.js';
+export { default as NoticeBar } from './NoticeBar.js';
+export { default as Popover } from './Popover.js';
+export { default as Price } from './Price.js';
+export { default as Progress } from './Progress.js';
+export { default as Skeleton } from './Skeleton.js';
+export { default as Step } from './Step.js';
+export { default as Steps } from './Steps.js';
+export { default as Swiper } from './Swiper.js';
+export { default as SwiperItem } from './SwiperItem.js';
+export { default as Table } from './Table.js';
+export { default as Tag } from './Tag.js';
+export { default as TrendArrow } from './TrendArrow.js';
+export { default as Video } from './Video.js';
+export { default as VirtualList } from './VirtualList.js';
+export { default as WaterMark } from './WaterMark.js';
+export { default as Address } from './Address.js';
+export { default as Barrage } from './Barrage.js';
+export { default as Card } from './Card.js';
+export { default as Signature } from './Signature.js';
+export { default as TimeDetail } from './TimeDetail.js';
+export { default as TimePannel } from './TimePannel.js';
+export { default as TimeSelect } from './TimeSelect.js';

package/dist/esm/offsetContext-3ab00d40.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+var handleClick = function handleClick(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes('arrow-icon');
+  var isTitle = e.target.className.includes('__title') || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes('nutShow');
+  var arrowIcon = e.currentTarget.querySelector('.arrow-icon');
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace('nutShow', 'nutHide') : currentClass.replace('nutHide', 'nutShow');
+    arrowIcon.className = isShow ? iconClass.replace('arrow-down', 'arrow-up') : iconClass.replace('arrow-up', 'arrow-down');
+  }
+};
+var OffsetContext = createContext(20);
+export { OffsetContext as O, handleClick as h };

package/dist/esm/overlay-de6c79d5.js

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "zIndex", "duration", "overlayClass", "closeOnClickOverlay", "visible", "lockScroll", "overlayStyle"];
+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, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
+var defaultOverlayProps = {
+  zIndex: 1000,
+  duration: 0.3,
+  overlayClass: '',
+  closeOnClickOverlay: true,
+  visible: false,
+  lockScroll: true,
+  overlayStyle: {}
+};
+var Overlay = function Overlay(props) {
+  var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props),
+    children = _defaultOverlayProps$.children,
+    zIndex = _defaultOverlayProps$.zIndex,
+    duration = _defaultOverlayProps$.duration,
+    overlayClass = _defaultOverlayProps$.overlayClass,
+    closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
+    visible = _defaultOverlayProps$.visible,
+    lockScroll = _defaultOverlayProps$.lockScroll,
+    overlayStyle = _defaultOverlayProps$.overlayStyle,
+    rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
+  var _useState = useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  var renderRef = useRef(true);
+  var intervalRef = useRef(0);
+  useEffect(function () {
+    visible && setShow(visible);
+    lock();
+  }, [visible]);
+  useEffect(function () {
+    return function () {
+      clearTimeout(intervalRef.current);
+      document.body.classList.remove('nut-overflow-hidden');
+    };
+  }, []);
+  var b = cn('overlay');
+  var classes = classNames({
+    'overlay-fade-leave-active': !renderRef.current && !visible,
+    'overlay-fade-enter-active': visible,
+    'first-render': renderRef.current && !visible,
+    'hidden-render': !visible
+  }, overlayClass, b(''));
+  var styles = _objectSpread({
+    zIndex: zIndex,
+    animationDuration: "".concat(props.duration, "s")
+  }, overlayStyle);
+  var lock = function lock() {
+    if (lockScroll && visible) {
+      document.body.classList.add('nut-overflow-hidden');
+    } else {
+      document.body.classList.remove('nut-overflow-hidden');
+    }
+  };
+  var handleClick = function handleClick(e) {
+    if (closeOnClickOverlay) {
+      props.onClick && props.onClick(e);
+      renderRef.current = false;
+      var id = window.setTimeout(function () {
+        setShow(!visible);
+      }, duration * 1000 * 0.8);
+      intervalRef.current = id;
+    }
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
+    className: classes,
+    style: styles
+  }, rest), {}, {
+    onClick: handleClick
+  }), children));
+};
+Overlay.defaultProps = defaultOverlayProps;
+Overlay.displayName = 'NutOverlay';
+export { Overlay as O, defaultOverlayProps as d };