Merge pull request #110 from react-component/feat-ssr-support

feat: support ssr

Author: jljsj33

.travis.yml

@@ -7,7 +7,7 @@ notifications:
   - [email protected]
 
 node_js:
-- 8.1.0
+- 10
 
 before_install:
 - |
@@ -16,8 +16,6 @@ before_install:
       echo "Only docs were updated, stopping build process."
       exit
     fi
-    npm install [email protected] -g
-    phantomjs --version
 script:
 - |
     if [ "$TEST_TYPE" = test ]; then
@@ -31,7 +29,6 @@ env:
   - TEST_TYPE=test
   - TEST_TYPE=coverage
 
-
 matrix:
   allow_failures:
-  - env: "TEST_TYPE=saucelabs"
+  - env: "TEST_TYPE=saucelabs"

src/QueueAnim.jsx

@@ -6,6 +6,7 @@ import { polyfill } from 'react-lifecycles-compat';
 import {
   toArrayChildren,
   findChildInChildrenByKey,
+  windowIsUndefined,
   mergeChildren,
   transformArguments,
   getChildrenFromProps,
@@ -73,7 +74,7 @@ class QueueAnim extends React.Component {
         const leaveChild = children.filter(
           item => item && $self.keysToLeave.indexOf(item.key) >= 0,
         );
-       
+
         $self.leaveUnfinishedChild = leaveChild.map(item => item.key);
         /**
          * 获取 leaveChild 在 state.children 里的序列，再将 leaveChild 和 currentChildren 的重新排序。
@@ -546,6 +547,9 @@ class QueueAnim extends React.Component {
       appear,
       ...tagProps
     } = this.props;
+    if (windowIsUndefined) {
+      return createElement(component, { ...tagProps, ...componentProps }, this.props.children);
+    }
     const childrenToRender = toArrayChildren(this.state.children).map(this.getChildrenToRender);
     const props = {
       ...tagProps,

src/utils.js

@@ -1,6 +1,12 @@
 /* eslint no-prototype-builtins: 0 */
 import React from 'react';
 
+export const windowIsUndefined = !(
+  typeof window !== 'undefined' &&
+  window.document &&
+  window.document.createElement
+);
+
 export function toArrayChildren(children) {
   const ret = [];
   React.Children.forEach(children, c => {