@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/esm/collapseitem2.js

@@ -0,0 +1,137 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "title", "name", "disabled", "expandIcon", "rotate", "extra", "style", "className"];
+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), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { createContext, useContext, useRef, useMemo, useEffect } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var collapseContext = {
+  isOpen: function isOpen(name) {
+    return true;
+  },
+  updateValue: function updateValue(name) {
+  },
+  expandIcon: null,
+  rotate: 180
+};
+var CollapseContext = createContext(collapseContext);
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: null,
+  name: "",
+  expandIcon: null,
+  disabled: false,
+  extra: null
+});
+var CollapseItem = function CollapseItem2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, name = _defaultProps$props.name, disabled = _defaultProps$props.disabled, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, extra = _defaultProps$props.extra, style = _defaultProps$props.style, className = _defaultProps$props.className, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-collapse-item";
+  var context = useContext(CollapseContext);
+  var wrapperRef = useRef(null);
+  var contentRef = useRef(null);
+  var expanded = useMemo(function() {
+    if (context) {
+      return context.isOpen(name);
+    }
+    return false;
+  }, [name, context.isOpen]);
+  var iconStyle = useMemo(function() {
+    return expanded ? {
+      transform: "translateY(-50%) rotate(".concat(rotate || context.rotate, "deg)")
+    } : {
+      transform: "translateY(-50%)"
+    };
+  }, [expanded, rotate]);
+  var handleClick = function handleClick2() {
+    if (!disabled) {
+      context.updateValue(name);
+    }
+  };
+  var onTransitionEnd = function onTransitionEnd2() {
+    if (expanded) {
+      if (wrapperRef.current) {
+        wrapperRef.current.style.height = "";
+      }
+    }
+  };
+  var getOffsetHeight = function getOffsetHeight2() {
+    var _contentRef$current;
+    var height = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.offsetHeight;
+    return height ? "".concat(height, "px") : "";
+  };
+  var toggle = function toggle2() {
+    var start = expanded ? "0px" : getOffsetHeight();
+    if (wrapperRef.current) {
+      wrapperRef.current.style.height = start;
+    }
+    requestAnimationFrame(function() {
+      requestAnimationFrame(function() {
+        var end = expanded ? getOffsetHeight() : "0px";
+        if (wrapperRef.current) {
+          wrapperRef.current.style.height = end;
+        }
+      });
+    });
+  };
+  var init = useRef(true);
+  useEffect(function() {
+    if (init.current) {
+      init.current = false;
+      if (!expanded) {
+        wrapperRef.current.style.height = "0px";
+      }
+    } else {
+      toggle();
+    }
+  }, [expanded]);
+  return React__default.createElement("div", _objectSpread({
+    className: classNames(classPrefix, className),
+    style
+  }, rest), React__default.createElement("div", {
+    className: classNames("".concat(classPrefix, "__header"), {
+      disabled
+    }),
+    onClick: handleClick
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__title")
+  }, title), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__extra")
+  }, extra), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon-box")
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon"),
+    style: iconStyle
+  }, expandIcon || context.expandIcon))), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__content"),
+    onTransitionEnd,
+    ref: wrapperRef
+  }, React__default.createElement("div", {
+    ref: contentRef,
+    className: "".concat(classPrefix, "__content-text")
+  }, children)));
+};
+CollapseItem.defaultProps = defaultProps;
+CollapseItem.displayName = "NutCollapseItem";
+export {
+  CollapseContext as C,
+  CollapseItem as a
+};

package/dist/esm/context.js

@@ -1,5 +1,19 @@
 import { createContext } from "react";
-var AvatarContext = createContext({});
+var handleClick = function handleClick2(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("sidenavbar-show");
+  var arrowIcon = e.currentTarget.querySelector(".arrow-icon");
+  var iconClass = arrowIcon.className;
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace("sidenavbar-show", "sidenavbar-hide") : currentClass.replace("sidenavbar-hide", "sidenavbar-show");
+    arrowIcon.className = isShow ? iconClass.replace("arrow-down", "arrow-up") : iconClass.replace("arrow-up", "arrow-down");
+  }
+};
+var OffsetContext = createContext(20);
 export {
-  AvatarContext as A
+  OffsetContext as O,
+  handleClick as h
 };

package/dist/esm/context2.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-var DataContext = createContext({});
+var AvatarContext = createContext({});
 export {
-  DataContext as D
+  AvatarContext as A
 };

package/dist/esm/context4.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+var DataContext = createContext({});
+export {
+  DataContext as D
+};

package/dist/esm/date.js

@@ -23,7 +23,7 @@ var Utils = {
   getMonthPreDay: function getMonthPreDay(year, month) {
     var date = /* @__PURE__ */ new Date("".concat(year, "/").concat(month, "/01"));
     var day = date.getDay();
-    if (day == 0) {
+    if (day === 0) {
       day = 7;
     }
     return day;
@@ -85,10 +85,12 @@ var Utils = {
    * 时间是否相等
    * @return {Boolean}
    */
-  isEqual: function isEqual(date1, date2) {
-    var startTime = new Date(date1).getTime();
-    var endTime = new Date(date2).getTime();
-    if (startTime == endTime) {
+  isEqual: function isEqual() {
+    var date1 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+    var date2 = arguments.length > 1 ? arguments[1] : void 0;
+    var startTime = new Date(date1.replace("-", "/")).getTime();
+    var endTime = new Date(date2.replace("-", "/")).getTime();
+    if (startTime === endTime) {
       return true;
     }
     return false;

package/dist/esm/formitem2.js

@@ -57,86 +57,107 @@ function _objectSpread(target) {
 import React__default, { createContext } from "react";
 import Cell from "./Cell.js";
 import { C as ComponentDefaults } from "./typings.js";
-var FormItemContext = createContext({});
+var Context = createContext({});
+function isForwardRefComponent(component) {
+  return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
+  React__default.forwardRef(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    function() {
+    }
+  ).$$typeof === component.type.$$typeof;
+}
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  required: false,
   name: "",
   label: "",
-  className: "",
   rules: [{
     required: false,
     message: ""
   }],
-  disabled: false,
-  labelWidth: 90,
-  errorMessageAlign: "left",
-  showErrorLine: true,
-  showErrorMessage: true,
-  initialValue: ""
+  errorMessageAlign: "left"
 });
 var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
   _inherits(FormItem2, _React__default$Compo);
   var _super = _createSuper(FormItem2);
-  function FormItem2() {
+  function FormItem2(props) {
     var _this;
     _classCallCheck(this, FormItem2);
-    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));
+    _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "cancelRegister", void 0);
-    _defineProperty(_assertThisInitialized(_this), "isInitialValue", false);
+    _defineProperty(_assertThisInitialized(_this), "componentRef", void 0);
     _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 _children$props, _objectSpread2;
+      var _this$context = _this.context, setFieldsValue = _this$context.setFieldsValue, getFieldValue = _this$context.getFieldValue;
       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;
+      if (children !== null && children !== void 0 && (_children$props = children.props) !== null && _children$props !== void 0 && _children$props.defaultValue) {
+        console.warn("通过 initialValue 设置初始值");
       }
-      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));
+      var controlled = _objectSpread(_objectSpread({}, children.props), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, _this.props.valuePropName || "value", getFieldValue(name) || _this.props.initialValue), _defineProperty(_objectSpread2, _this.props.trigger || "onChange", function() {
+        var originOnChange = children.props[_this.props.trigger || "onChange"];
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
         }
-      };
+        if (originOnChange) {
+          originOnChange.apply(void 0, args);
+        }
+        var next = args[0];
+        if (_this.props.getValueFromEvent) {
+          var _this$props;
+          next = (_this$props = _this.props).getValueFromEvent.apply(_this$props, args);
+        }
+        setFieldsValue(_defineProperty({}, name, next));
+      }), _objectSpread2));
+      if (isForwardRefComponent(children)) {
+        controlled.ref = function(componentInstance) {
+          var originRef = children.ref;
+          if (originRef) {
+            if (typeof originRef === "function") {
+              originRef(componentInstance);
+            }
+            if ("current" in originRef) {
+              originRef.current = componentInstance;
+            }
+          }
+          _this.componentRef = componentInstance;
+        };
+      }
+      return controlled;
     });
-    _defineProperty(_assertThisInitialized(_this), "onStoreChange", function() {
-      _this.forceUpdate();
+    _defineProperty(_assertThisInitialized(_this), "refresh", function() {
+      _this.setState(function(_ref) {
+        var resetCount = _ref.resetCount;
+        return {
+          resetCount: resetCount + 1
+        };
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onStoreChange", function(type) {
+      if (type === "reset") {
+        _this.refresh();
+      } else {
+        _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(item2) {
+      var _this$context$errors, _this$context$errors2;
+      var _defaultProps$_this$p = _objectSpread(_objectSpread({}, defaultProps), _this.props), label = _defaultProps$_this$p.label, name = _defaultProps$_this$p.name, required = _defaultProps$_this$p.required, className = _defaultProps$_this$p.className, style = _defaultProps$_this$p.style, errorMessageAlign = _defaultProps$_this$p.errorMessageAlign;
+      var item = ((_this$context$errors = _this.context.errors) === null || _this$context$errors === void 0 ? void 0 : _this$context$errors.length) > 0 && ((_this$context$errors2 = _this.context.errors) === null || _this$context$errors2 === void 0 ? void 0 : _this$context$errors2.filter(function(item2) {
         return item2.field === name;
       }));
-      var starPositon = _this.context.starPositon;
-      var renderStar = rules.length > 0 && rules[0].required && React__default.createElement("i", {
+      var starPosition = _this.context.starPosition;
+      var renderStar = 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);
+      var renderLabel = React__default.createElement(React__default.Fragment, null, starPosition === "left" ? renderStar : null, label, starPosition === "right" ? renderStar : null);
       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)
+        className: "nut-form-item ".concat(className),
+        style,
+        onClick: function onClick(e) {
+          return _this.props.onClick && _this.props.onClick(e, _this.componentRef);
         }
+      }, label ? React__default.createElement("div", {
+        className: "nut-cell__title nut-form-item__label"
       }, renderLabel) : null, React__default.createElement("div", {
         className: "nut-cell__value nut-form-item__body"
       }, React__default.createElement("div", {
@@ -148,9 +169,10 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
         }
       }, item[0].message)));
     });
-    _defineProperty(_assertThisInitialized(_this), "pxCheck", function(value) {
-      return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
-    });
+    _this.componentRef = React__default.createRef();
+    _this.state = {
+      resetCount: 1
+    };
     return _this;
   }
   _createClass(FormItem2, [{
@@ -168,23 +190,19 @@ var FormItem = /* @__PURE__ */ function(_React__default$Compo) {
   }, {
     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);
+      var children = this.props.children;
+      var child = Array.isArray(children) ? children[0] : children;
+      var returnChildNode = React__default.cloneElement(child, this.getControlled(child));
+      return React__default.createElement(React__default.Fragment, {
+        key: this.state.resetCount
+      }, this.renderLayout(returnChildNode));
     }
   }]);
   return FormItem2;
 }(React__default.Component);
 _defineProperty(FormItem, "defaultProps", defaultProps);
-_defineProperty(FormItem, "contextType", FormItemContext);
+_defineProperty(FormItem, "contextType", Context);
 export {
-  FormItemContext as F,
-  FormItem as a
+  Context as C,
+  FormItem as F
 };

package/dist/esm/index.js

@@ -9,6 +9,7 @@ var isPromise = function isPromise2(val) {
   return isObject(val) && isFunction(val.then) && isFunction(val["catch"]);
 };
 export {
-  isObject as a,
-  isPromise as i
+  isPromise as a,
+  isObject as b,
+  isFunction as i
 };

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

@@ -52,7 +52,7 @@ import { default as default52 } from "./Badge.js";
 import { default as default53 } from "./Dialog.js";
 import { default as default54 } from "./Drag.js";
 import { default as default55 } from "./Empty.js";
-import { default as default56 } from "./Infiniteloading.js";
+import { default as default56 } from "./InfiniteLoading.js";
 import { default as default57 } from "./NoticeBar.js";
 import { default as default58 } from "./Notify.js";
 import { default as default59 } from "./Popover.js";
@@ -87,10 +87,9 @@ import { default as default87 } from "./Video.js";
 import { default as default88 } from "./Barrage.js";
 import { default as default89 } from "./Card.js";
 import { default as default90 } from "./TimeDetail.js";
-import { default as default91 } from "./TimePannel.js";
-import { default as default92 } from "./TimeSelect.js";
-import { default as default93 } from "./TrendArrow.js";
-import { default as default94 } from "./WaterMark.js";
+import { default as default91 } from "./TimeSelect.js";
+import { default as default92 } from "./TrendArrow.js";
+import { default as default93 } from "./WaterMark.js";
 export {
   default51 as ActionSheet,
   default26 as Address,
@@ -132,7 +131,7 @@ export {
   default6 as Image,
   default75 as ImagePreview,
   default76 as Indicator,
-  default56 as Infiniteloading,
+  default56 as InfiniteLoading,
   default35 as Input,
   default36 as InputNumber,
   default12 as Layout,
@@ -177,12 +176,11 @@ export {
   default86 as Tag,
   default49 as TextArea,
   default90 as TimeDetail,
-  default91 as TimePannel,
-  default92 as TimeSelect,
+  default91 as TimeSelect,
   default64 as Toast,
-  default93 as TrendArrow,
+  default92 as TrendArrow,
   default50 as Uploader,
   default87 as Video,
   default77 as VirtualList,
-  default94 as WaterMark
+  default93 as WaterMark
 };

package/dist/esm/popup2.js

@@ -0,0 +1,184 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { CSSTransition } from "react-transition-group";
+import classNames from "classnames";
+import { Close } from "@nutui/icons-react";
+import { d as defaultOverlayProps } from "./overlay2.js";
+import Overlay from "./Overlay.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  position: "center",
+  transition: "",
+  overlayStyle: {},
+  overlayClassName: "",
+  closeable: false,
+  closeIconPosition: "top-right",
+  closeIcon: "close",
+  destroyOnClose: false,
+  portal: null,
+  overlay: true,
+  round: false,
+  onOpen: function onOpen() {
+  },
+  onClose: function onClose() {
+  },
+  onClickOverlay: function onClickOverlay(e) {
+    return true;
+  },
+  onClickCloseIcon: function onClickCloseIcon(e) {
+    return true;
+  }
+}, defaultOverlayProps);
+var _zIndex = 1e3;
+var Popup = function Popup2(props) {
+  var _classNames, _classNames2;
+  var children = props.children, visible = props.visible, overlay = props.overlay, closeOnOverlayClick = props.closeOnOverlayClick, overlayStyle = props.overlayStyle, overlayClassName = props.overlayClassName, zIndex = props.zIndex, lockScroll = props.lockScroll, duration = props.duration, closeable = props.closeable, closeIconPosition = props.closeIconPosition, closeIcon = props.closeIcon, left = props.left, title = props.title, style = props.style, transition = props.transition, round = props.round, position = props.position, className = props.className, destroyOnClose = props.destroyOnClose, portal = props.portal, onOpen2 = props.onOpen, onClose2 = props.onClose, onClickOverlay2 = props.onClickOverlay, onClickCloseIcon2 = props.onClickCloseIcon, afterShow = props.afterShow, afterClose = props.afterClose, onClick = props.onClick;
+  var _useState = useState(zIndex || _zIndex), _useState2 = _slicedToArray(_useState, 2), index = _useState2[0], setIndex = _useState2[1];
+  var _useState3 = useState(visible), _useState4 = _slicedToArray(_useState3, 2), innerVisible = _useState4[0], setInnerVisible = _useState4[1];
+  var _useState5 = useState(true), _useState6 = _slicedToArray(_useState5, 2), showChildren = _useState6[0], setShowChildren = _useState6[1];
+  var _useState7 = useState(""), _useState8 = _slicedToArray(_useState7, 2), transitionName = _useState8[0], setTransitionName = _useState8[1];
+  var classPrefix = "nut-popup";
+  var baseStyle = {
+    zIndex: index,
+    animationDuration: "".concat(duration, "s")
+  };
+  var overlayStyles = _objectSpread(_objectSpread({}, overlayStyle), baseStyle);
+  var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
+  var popClassName = classNames((_classNames = {
+    round
+  }, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(position), true), _defineProperty(_classNames, "".concat(className || ""), true), _classNames));
+  var closeClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__close-icon--").concat(closeIconPosition), true), _classNames2));
+  var open = function open2() {
+    if (!innerVisible) {
+      setInnerVisible(true);
+      setIndex(++_zIndex);
+    }
+    if (destroyOnClose) {
+      setShowChildren(true);
+    }
+    onOpen2 && onOpen2();
+  };
+  var close = function close2() {
+    if (innerVisible) {
+      setInnerVisible(false);
+      if (destroyOnClose) {
+        setTimeout(function() {
+          setShowChildren(false);
+        }, Number(duration) * 1e3);
+      }
+      onClose2 && onClose2();
+    }
+  };
+  var onHandleClickOverlay = function onHandleClickOverlay2(e) {
+    e.stopPropagation();
+    if (closeOnOverlayClick) {
+      var closed = onClickOverlay2 && onClickOverlay2(e);
+      closed && close();
+    }
+  };
+  var onHandleClick = function onHandleClick2(e) {
+    onClick && onClick(e);
+  };
+  var onHandleClickCloseIcon = function onHandleClickCloseIcon2(e) {
+    var closed = onClickCloseIcon2 && onClickCloseIcon2(e);
+    closed && close();
+  };
+  var onHandleOpened = function onHandleOpened2(e) {
+    afterShow && afterShow();
+  };
+  var onHandleClosed = function onHandleClosed2(e) {
+    afterClose && afterClose();
+  };
+  var resolveContainer = function resolveContainer2(getContainer) {
+    var container = typeof getContainer === "function" ? getContainer() : getContainer;
+    return container || document.body;
+  };
+  var renderToContainer = function renderToContainer2(getContainer, node) {
+    if (getContainer) {
+      var container = resolveContainer(getContainer);
+      return createPortal(node, container);
+    }
+    return node;
+  };
+  var renderIcon = function renderIcon2() {
+    if (closeable) {
+      return React__default.createElement("div", {
+        className: closeClasses,
+        onClick: onHandleClickCloseIcon
+      }, React__default.isValidElement(closeIcon) ? closeIcon : React__default.createElement(Close, {
+        width: 12,
+        height: 12
+      }));
+    }
+    return null;
+  };
+  var renderTitle = function renderTitle2() {
+    return React__default.createElement(React__default.Fragment, null, position === "bottom" && React__default.createElement(React__default.Fragment, null, left && React__default.createElement("div", {
+      className: "".concat(classPrefix, "-left-icon")
+    }, left), title && React__default.createElement("div", {
+      className: "".concat(classPrefix, "-title")
+    }, title)));
+  };
+  var renderPop = function renderPop2() {
+    return React__default.createElement(CSSTransition, {
+      classNames: transitionName,
+      unmountOnExit: true,
+      timeout: 300,
+      "in": innerVisible,
+      onEntered: onHandleOpened,
+      onExited: onHandleClosed
+    }, React__default.createElement("div", {
+      style: popStyles,
+      className: popClassName,
+      onClick: onHandleClick
+    }, renderTitle(), renderIcon(), showChildren ? children : ""));
+  };
+  var renderNode = function renderNode2() {
+    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+      style: overlayStyles,
+      className: overlayClassName,
+      visible: innerVisible,
+      closeOnOverlayClick,
+      zIndex,
+      lockScroll,
+      duration,
+      onClick: onHandleClickOverlay
+    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
+  };
+  useEffect(function() {
+    visible && open();
+    !visible && close();
+  }, [visible]);
+  useEffect(function() {
+    setTransitionName(transition || "".concat(classPrefix, "-slide-").concat(position));
+  }, [position, transition]);
+  return React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
+};
+Popup.defaultProps = defaultProps;
+Popup.displayName = "NutPopup";
+export {
+  Popup as P
+};

package/dist/esm/raf.js

@@ -4,11 +4,10 @@ function requestAniFrame() {
     return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
       _window.setTimeout(callback, 1e3 / 60);
     };
-  } else {
-    return function(callback) {
-      setTimeout(callback, 1e3 / 60);
-    };
   }
+  return function(callback) {
+    setTimeout(callback, 1e3 / 60);
+  };
 }
 var requestAniFrame$1 = requestAniFrame();
 export {