@nutui/nutui-react-taro 1.3.2-beta.0 → 1.3.2-beta.1

package/dist/esm/useRefs-032cf186.js

@@ -1,313 +0,0 @@
-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 { createPortal } from 'react-dom';
-import { CSSTransition } from 'react-transition-group';
-import classNames from 'classnames';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
-var defaultOverlayProps = {
-  zIndex: 2000,
-  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 = 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';
-
-var defaultProps = _objectSpread({
-  position: 'center',
-  transition: '',
-  style: {},
-  popClass: '',
-  closeable: false,
-  closeIconPosition: 'top-right',
-  closeIcon: 'close',
-  destroyOnClose: true,
-  teleport: null,
-  overlay: true,
-  round: false,
-  onOpen: function onOpen() {},
-  onClose: function onClose() {},
-  onClick: function onClick(e) {},
-  onOpened: function onOpened(e) {},
-  onClosed: function onClosed(e) {},
-  onClickOverlay: function onClickOverlay(e) {},
-  onClickCloseIcon: function onClickCloseIcon(e) {}
-}, defaultOverlayProps);
-
-var _zIndex = 2000;
-
-var Popup = function Popup(props) {
-  var _classNames;
-
-  var children = props.children,
-      visible = props.visible,
-      overlay = props.overlay,
-      closeOnClickOverlay = props.closeOnClickOverlay,
-      overlayStyle = props.overlayStyle,
-      overlayClass = props.overlayClass,
-      zIndex = props.zIndex,
-      lockScroll = props.lockScroll,
-      duration = props.duration,
-      closeable = props.closeable,
-      closeIconPosition = props.closeIconPosition,
-      closeIcon = props.closeIcon,
-      style = props.style,
-      transition = props.transition,
-      round = props.round,
-      position = props.position,
-      popClass = props.popClass,
-      className = props.className,
-      destroyOnClose = props.destroyOnClose,
-      teleport = props.teleport,
-      onOpen = props.onOpen,
-      onClose = props.onClose,
-      onClickOverlay = props.onClickOverlay,
-      onClickCloseIcon = props.onClickCloseIcon,
-      onOpened = props.onOpened,
-      onClosed = props.onClosed,
-      onClick = props.onClick;
-
-  var _useState3 = useState(zIndex || _zIndex),
-      _useState4 = _slicedToArray(_useState3, 2),
-      index = _useState4[0],
-      setIndex = _useState4[1];
-
-  var _useState5 = useState(visible),
-      _useState6 = _slicedToArray(_useState5, 2),
-      innerVisible = _useState6[0],
-      setInnerVisible = _useState6[1];
-
-  var _useState7 = useState(true),
-      _useState8 = _slicedToArray(_useState7, 2),
-      showChildren = _useState8[0],
-      setShowChildren = _useState8[1];
-
-  var _useState9 = useState(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      transitionName = _useState10[0],
-      setTransitionName = _useState10[1];
-
-  var b = cn('popup');
-  var baseStyle = {
-    zIndex: index,
-    animationDuration: "".concat(duration, "s")
-  };
-
-  var overlayStyles = _objectSpread(_objectSpread({}, overlayStyle), baseStyle);
-
-  var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-
-  var classes = classNames((_classNames = {
-    round: round
-  }, _defineProperty(_classNames, "popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className), true), _classNames), b(''));
-  var closeClasses = classNames(_defineProperty({
-    'nutui-popup__close-icon': true
-  }, "nutui-popup__close-icon--".concat(closeIconPosition), true));
-
-  var open = function open() {
-    if (!innerVisible) {
-      setInnerVisible(true);
-      setIndex(++_zIndex);
-    }
-
-    if (destroyOnClose) {
-      setShowChildren(true);
-    }
-
-    onOpen && onOpen();
-  };
-
-  var close = function close() {
-    if (innerVisible) {
-      setInnerVisible(false);
-
-      if (destroyOnClose) {
-        setTimeout(function () {
-          setShowChildren(false);
-          onClose && onClose();
-        }, Number(duration) * 1000);
-      }
-    }
-  };
-
-  var onHandleClickOverlay = function onHandleClickOverlay(e) {
-    if (closeOnClickOverlay) {
-      onClickOverlay && onClickOverlay(e);
-      close();
-    }
-  };
-
-  var onHandleClick = function onHandleClick(e) {
-    onClick && onClick(e);
-  };
-
-  var onHandleClickCloseIcon = function onHandleClickCloseIcon(e) {
-    onClickCloseIcon && onClickCloseIcon(e);
-    close();
-  };
-
-  var onHandleOpened = function onHandleOpened(e) {
-    onOpened && onOpened(e);
-  };
-
-  var onHandleClosed = function onHandleClosed(e) {
-    onClosed && onClosed(e);
-  };
-
-  var resolveContainer = function resolveContainer(getContainer) {
-    var container = typeof getContainer === 'function' ? getContainer() : getContainer;
-    return container || document.body;
-  };
-
-  var renderToContainer = function renderToContainer(getContainer, node) {
-    if (getContainer) {
-      var container = resolveContainer(getContainer);
-      return createPortal(node, container);
-    }
-
-    return node;
-  };
-
-  var renderPop = function renderPop() {
-    return React__default.createElement(CSSTransition, {
-      classNames: transitionName,
-      unmountOnExit: true,
-      timeout: 500,
-      "in": innerVisible,
-      onEntered: onHandleOpened,
-      onExited: onHandleClosed
-    }, React__default.createElement("div", {
-      style: popStyles,
-      className: classes,
-      onClick: onHandleClick
-    }, showChildren ? children : '', closeable ? React__default.createElement("div", {
-      className: closeClasses,
-      onClick: onHandleClickCloseIcon
-    }, React__default.createElement(Icon, {
-      name: closeIcon,
-      size: "12px"
-    })) : ''));
-  };
-
-  var renderNode = function renderNode() {
-    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
-      style: overlayStyles,
-      overlayClass: overlayClass,
-      visible: innerVisible,
-      closeOnClickOverlay: closeOnClickOverlay,
-      zIndex: zIndex,
-      lockScroll: lockScroll,
-      duration: duration,
-      onClick: onHandleClickOverlay
-    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
-  };
-
-  useEffect(function () {
-    visible && open();
-    !visible && close();
-  }, [visible]);
-  useEffect(function () {
-    setTransitionName(transition || "popup-slide-".concat(position));
-  }, [position]);
-  return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
-};
-
-Popup.defaultProps = defaultProps;
-Popup.displayName = 'NutPopup';
-
-function useRefs() {
-  var refs = React__default.useRef([]);
-  var setRefs = React__default.useCallback(function (index) {
-    return function (el) {
-      if (el) refs.current[index] = el;
-    };
-  }, []);
-  var reset = React__default.useCallback(function () {
-    refs.current = [];
-  }, []);
-  return [refs.current, setRefs, reset];
-}
-
-export { Popup as P, useRefs as u };