yiminghe

afc163

zombiej

yesmeck

xujihui1985

rc-animate

import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';

import _extends from 'babel-runtime/helpers/extends';

import _classCallCheck from 'babel-runtime/helpers/classCallCheck';

import _createClass from 'babel-runtime/helpers/createClass';

import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';

import _inherits from 'babel-runtime/helpers/inherits';

import { polyfill } from 'react-lifecycles-compat';

import OriginCSSMotion, { MotionPropTypes } from './CSSMotion';

import { supportTransition } from './util/motion';

import { STATUS_ADD, STATUS_KEEP, STATUS_REMOVE, STATUS_REMOVED, diffKeys, parseKeys } from './util/diff';

var MOTION_PROP_NAMES = Object.keys(MotionPropTypes);

export function genCSSMotionList(transitionSupport) {

  var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : OriginCSSMotion;

  var CSSMotionList = function (_React$Component) {

    _inherits(CSSMotionList, _React$Component);

      _classCallCheck(this, CSSMotionList);

      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

      return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CSSMotionList.__proto__ || Object.getPrototypeOf(CSSMotionList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {

      }, _this.removeKey = function (removeKey) {

        _this.setState(function (_ref2) {

          var keyEntities = _ref2.keyEntities;

            keyEntities: keyEntities.map(function (entity) {

              if (entity.key !== removeKey) return entity;

              return _extends({}, entity, {

      }, _temp), _possibleConstructorReturn(_this, _ret);

        var keyEntities = this.state.keyEntities;

            Component = _props.component,

            component = _props.component,

            restProps = _objectWithoutProperties(_props, ['component', 'children']);

        var Component = component || React.Fragment;

        MOTION_PROP_NAMES.forEach(function (prop) {

          motionProps[prop] = restProps[prop];

          keyEntities.map(function (_ref3) {

                eventProps = _objectWithoutProperties(_ref3, ['status']);

            var visible = status === STATUS_ADD || status === STATUS_KEEP;

              _extends({}, motionProps, {

                onLeaveEnd: function onLeaveEnd() {

                  if (motionProps.onLeaveEnd) {

                    motionProps.onLeaveEnd.apply(motionProps, arguments);

                  _this2.removeKey(eventProps.key);

      value: function getDerivedStateFromProps(_ref4, _ref5) {

        var keyEntities = _ref5.keyEntities;

        var parsedKeyObjects = parseKeys(keys);

        // Always as keep when motion not support

            keyEntities: parsedKeyObjects.map(function (obj) {

              return _extends({}, obj, { status: STATUS_KEEP });

        var mixedKeyEntities = diffKeys(keyEntities, parsedKeyObjects);

        var keyEntitiesLen = keyEntities.length;

          keyEntities: mixedKeyEntities.filter(function (entity) {

            // IE 9 not support Array.prototype.find

            for (var i = 0; i < keyEntitiesLen; i += 1) {

              var currentEntity = keyEntities[i];

              if (currentEntity.key === entity.key) {

                prevEntity = currentEntity;

            // Remove if already mark as removed

            if (prevEntity && prevEntity.status === STATUS_REMOVED && entity.status === STATUS_REMOVE) {

  CSSMotionList.propTypes = _extends({}, CSSMotion.propTypes, {

    component: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),

export default genCSSMotionList(supportTransition);

- CSSMotionList support `component` to be `false` to render nothing

- CSSMotion support forward ref to render props

- `keys` on CSSMotionList can be an object

- support null/undefined child: https://github.com/react-component/animate/pull/11

Object.defineProperty(exports, "__esModule", {

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

exports.genCSSMotionList = genCSSMotionList;

var _react2 = _interopRequireDefault(_react);

var _reactLifecyclesCompat = require('react-lifecycles-compat');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _CSSMotion2 = _interopRequireDefault(_CSSMotion);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var MOTION_PROP_NAMES = Object.keys(_CSSMotion.MotionPropTypes);

function genCSSMotionList(transitionSupport) {

  var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _CSSMotion2['default'];

    (0, _inherits3['default'])(CSSMotionList, _React$Component);

      (0, _classCallCheck3['default'])(this, CSSMotionList);

      return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = CSSMotionList.__proto__ || Object.getPrototypeOf(CSSMotionList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {

              return (0, _extends3['default'])({}, entity, {

                status: _diff.STATUS_REMOVED

      }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);

    (0, _createClass3['default'])(CSSMotionList, [{

            restProps = (0, _objectWithoutProperties3['default'])(_props, ['component', 'children']);

        var Component = component || _react2['default'].Fragment;

        return _react2['default'].createElement(

                eventProps = (0, _objectWithoutProperties3['default'])(_ref3, ['status']);

            var visible = status === _diff.STATUS_ADD || status === _diff.STATUS_KEEP;

            return _react2['default'].createElement(

              (0, _extends3['default'])({}, motionProps, {

        var parsedKeyObjects = (0, _diff.parseKeys)(keys);

              return (0, _extends3['default'])({}, obj, { status: _diff.STATUS_KEEP });

        var mixedKeyEntities = (0, _diff.diffKeys)(keyEntities, parsedKeyObjects);

            if (prevEntity && prevEntity.status === _diff.STATUS_REMOVED && entity.status === _diff.STATUS_REMOVE) {

  CSSMotionList.propTypes = (0, _extends3['default'])({}, CSSMotion.propTypes, {

    component: _propTypes2['default'].string,

    component: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].bool]),

  (0, _reactLifecyclesCompat.polyfill)(CSSMotionList);

exports['default'] = genCSSMotionList(_motion.supportTransition);

  "description": "css-transition ui component for react",

  "homepage": "https://github.com/react-component/animate",

    "url": "git@github.com:react-component/animate.git"

    "url": "http://github.com/react-component/animate/issues"

    "pub": "rc-tools run pub --babel-runtime",

    "saucelabs": "rc-test run saucelabs",

    "chrome-test": "rc-test run chrome-test",

		@@ -58,6 +58,8 @@ import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
		var _props = this.props,
		Component = _props.component,
		component = _props.component,
		children = _props.children,
		restProps = _objectWithoutProperties(_props, ['component', 'children']);

		var Component = component \|\| React.Fragment;

		var motionProps = {};
		@@ -142,3 +144,3 @@ MOTION_PROP_NAMES.forEach(function (prop) {
		CSSMotionList.propTypes = _extends({}, CSSMotion.propTypes, {
		component: PropTypes.string,
		component: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
		keys: PropTypes.array
		@@ -145,0 +147,0 @@ });

		# History
		----

		## 2.10.0 / 2019-08-27

		- CSSMotionList support `component` to be `false` to render nothing

		## 2.9.0 / 2019-07-09
		@@ -5,0 +9,0 @@

		@@ -96,3 +96,3 @@ 'use strict';
		var _props = this.props,
		Component = _props.component,
		component = _props.component,
		children = _props.children,
		@@ -102,2 +102,4 @@ restProps = (0, _objectWithoutProperties3['default'])(_props, ['component', 'children']);

		var Component = component \|\| _react2['default'].Fragment;

		var motionProps = {};
		@@ -181,3 +183,3 @@ MOTION_PROP_NAMES.forEach(function (prop) {
		CSSMotionList.propTypes = (0, _extends3['default'])({}, CSSMotion.propTypes, {
		component: _propTypes2['default'].string,
		component: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].bool]),
		keys: _propTypes2['default'].array
		@@ -184,0 +186,0 @@ });

		{
		"name": "rc-animate",
		"version": "2.9.2",
		"version": "2.10.0",
		"description": "css-transition ui component for react",
		@@ -5,0 +5,0 @@ "keywords": [

Improved metrics