Fix spin compatibility, close #3755

This commit is contained in:
afc163 2016-11-07 17:53:12 +08:00
parent 6c16d738ee
commit 985d20ad80
2 changed files with 4 additions and 4 deletions

View File

@ -63,7 +63,7 @@ export default class Spin extends React.Component<SpinProps, any> {
clearTimeout(this.debounceTimeout); clearTimeout(this.debounceTimeout);
} }
if (currentSpinning && !spinning) { if (currentSpinning && !spinning) {
this.debounceTimeout = setTimeout(() => this.setState({ spinning }), 500); this.debounceTimeout = setTimeout(() => this.setState({ spinning }), 300);
} else { } else {
this.setState({ spinning }); this.setState({ spinning });
} }
@ -103,7 +103,7 @@ export default class Spin extends React.Component<SpinProps, any> {
if (this.isNestedPattern()) { if (this.isNestedPattern()) {
const containerClassName = classNames({ const containerClassName = classNames({
[`${prefixCls}-container`]: true, [`${prefixCls}-container`]: true,
[`${prefixCls}-filter`]: spinning, [`${prefixCls}-blur`]: spinning,
}); });
return ( return (
<Animate <Animate

View File

@ -76,7 +76,7 @@
position: relative; position: relative;
} }
&-filter { &-blur {
opacity: 0.7; opacity: 0.7;
-webkit-filter: blur(1px); -webkit-filter: blur(1px);
filter: blur(1px); filter: blur(1px);
@ -167,7 +167,7 @@
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ */ /* IE10+ */
.@{ant-prefix}-spin-nested-loading > .@{ant-prefix}-spin-container { .@{spin-prefix-cls}-blur {
background: #fff; background: #fff;
opacity: 0.5; opacity: 0.5;
} }