Add spin prefixCls, ref #435

components/spin/index.jsx

@@ -5,6 +5,7 @@ import { isCssAnimationSupported } from 'css-animation';
 const AntSpin = React.createClass({
   getDefaultProps() {
     return {
+      prefixCls: 'ant-spin',
       size: 'default',
       spining: true
     };
@@ -20,13 +21,13 @@ const AntSpin = React.createClass({
   },
 
   render() {
-    const { className, size, ...others } = this.props;
+    const { className, size, prefixCls, ...others } = this.props;
 
     let spinClassName = classSet({
-      'ant-spin': true,
-      [`ant-spin-${size}`]: size,
+      [prefixCls]: true,
+      [`${prefixCls}-${size}`]: size,
       [className]: !!className,
-      'ant-spin-spining': this.props.spining,
+      [`${prefixCls}-spining`]: this.props.spining,
     });
 
     let spinElement;
@@ -36,18 +37,18 @@ const AntSpin = React.createClass({
     } else {
       spinElement = (
         <div className={spinClassName}>
-          <span className="ant-spin-dot ant-spin-dot-first" />
-          <span className="ant-spin-dot ant-spin-dot-second" />
-          <span className="ant-spin-dot ant-spin-dot-third" />
+          <span className={`${prefixCls}-dot ${prefixCls}-dot-first`} />
+          <span className={`${prefixCls}-dot ${prefixCls}-dot-second`} />
+          <span className={`${prefixCls}-dot ${prefixCls}-dot-third`} />
         </div>
       );
     }
 
     if (this.isNestedPattern()) {
       return (
-        <div className={this.props.spining ? 'ant-spin-nested-loading' : ''}>
+        <div className={this.props.spining ? (prefixCls + '-nested-loading') : ''}>
           {spinElement}
-          <div className="ant-spin-container">
+          <div className={prefixCls + '-container'}>
             {this.props.children}
           </div>
         </div>

style/components/spin.less

@@ -12,11 +12,13 @@
   text-align: center;
   opacity: 0;
   position: absolute;
+  visibility: hidden;
   transition: opacity 0.3s @ease-in-out-circ;
 
   &-spining {
     opacity: 1;
     position: static;
+    visibility: visible;
   }
 
   &-nested-loading {