Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

56 строки
2.0 KiB

  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
  3. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread";
  4. import React from 'react';
  5. import PropTypes from 'prop-types';
  6. import classNames from 'classnames';
  7. import { Transition } from 'react-transition-group';
  8. import { mapToCssModules, omit, pick, TransitionPropTypeKeys, TransitionTimeouts, tagPropType } from './utils';
  9. var propTypes = _objectSpread({}, Transition.propTypes, {
  10. children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
  11. tag: tagPropType,
  12. baseClass: PropTypes.string,
  13. baseClassActive: PropTypes.string,
  14. className: PropTypes.string,
  15. cssModule: PropTypes.object,
  16. innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func])
  17. });
  18. var defaultProps = _objectSpread({}, Transition.defaultProps, {
  19. tag: 'div',
  20. baseClass: 'fade',
  21. baseClassActive: 'show',
  22. timeout: TransitionTimeouts.Fade,
  23. appear: true,
  24. enter: true,
  25. exit: true,
  26. in: true
  27. });
  28. function Fade(props) {
  29. var Tag = props.tag,
  30. baseClass = props.baseClass,
  31. baseClassActive = props.baseClassActive,
  32. className = props.className,
  33. cssModule = props.cssModule,
  34. children = props.children,
  35. innerRef = props.innerRef,
  36. otherProps = _objectWithoutPropertiesLoose(props, ["tag", "baseClass", "baseClassActive", "className", "cssModule", "children", "innerRef"]);
  37. var transitionProps = pick(otherProps, TransitionPropTypeKeys);
  38. var childProps = omit(otherProps, TransitionPropTypeKeys);
  39. return React.createElement(Transition, transitionProps, function (status) {
  40. var isActive = status === 'entered';
  41. var classes = mapToCssModules(classNames(className, baseClass, isActive && baseClassActive), cssModule);
  42. return React.createElement(Tag, _extends({
  43. className: classes
  44. }, childProps, {
  45. ref: innerRef
  46. }), children);
  47. });
  48. }
  49. Fade.propTypes = propTypes;
  50. Fade.defaultProps = defaultProps;
  51. export default Fade;