webpackJsonpecCom([43],{992:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i,o,s=n(6),l=a(s),u=n(1),r=a(u),d=n(3),m=a(d),c=n(4),f=a(c),p=n(5),h=a(p),v=n(0),y=a(v),b=n(2),w=a(b),k=n(13),g=a(k),A="undefined"!==typeof window,C=A&&window.navigator.userAgent.toLowerCase(),E=C&&C.indexOf("msie 9.0")>0,S=function(e){var t=("enter"===e.animationType?e.enterAnimation:e.leaveAnimation)||e.animation,n="rodal-dialog rodal-"+t+"-"+e.animationType,a=e.showCloseButton?w.default.createElement("span",{className:"rodal-close",onClick:e.onClose}):null,i=(e.width,e.height,e.measure,e.duration),o=e.customStyles,s={width:"100%",height:"100%",animationDuration:i+"ms",WebkitAnimationDuration:i+"ms"},l=(0,y.default)({},s,o);return w.default.createElement("div",{style:l,className:n},e.children,a)},T=(o=i=function(e){function t(){var e,n,a,i;(0,r.default)(this,t);for(var o=arguments.length,s=Array(o),u=0;u<o;u++)s[u]=arguments[u];return n=a=(0,f.default)(this,(e=t.__proto__||(0,l.default)(t)).call.apply(e,[this].concat(s))),a.state={isShow:!1,animationType:"leave"},a.onKeyUp=function(e){a.props.closeOnEsc&&27===e.keyCode&&a.props.onClose()},a.animationEnd=function(e){if("leave"===a.state.animationType?a.setState({isShow:!1}):a.props.closeOnEsc&&a.el.focus(),e.target===a.el){var t=a.props.onAnimationEnd;t&&t()}},i=n,(0,f.default)(a,i)}return(0,h.default)(t,e),(0,m.default)(t,[{key:"componentDidMount",value:function(){this.props.visible&&this.enter()}},{key:"componentWillReceiveProps",value:function(e){!this.props.visible&&e.visible?this.enter():this.props.visible&&!e.visible&&this.leave()}},{key:"enter",value:function(){this.setState({isShow:!0,animationType:"enter"})}},{key:"leave",value:function(){this.setState(E?{isShow:!1}:{animationType:"leave"})}},{key:"render",value:function(){var e=this,t=this.props,n=this.state,a=t.width,i=void 0===a?400:a,o=t.measure,s=void 0===o?"px":o,l=t.height,u=void 0===l?240:l,r=t.top,d=void 0===r?0:r,m=t.measureX,c=t.measureY,f=t.measureT,p="left"===t.direction?{left:0}:{right:0},h=(0,y.default)({display:n.isShow?"":"none",animationDuration:t.duration+"ms",WebkitAnimationDuration:t.duration+"ms",width:m?i+m:i+s,top:f?d+f:d+s,height:c?u+c:u+s},p);return w.default.createElement("div",{style:h,className:"rodal rodal-fade-"+n.animationType+" "+t.className,onAnimationEnd:this.animationEnd,tabIndex:"-1",ref:function(t){e.el=t},onKeyUp:this.onKeyUp},w.default.createElement(S,(0,y.default)({},t,{animationType:n.animationType}),t.children))}}]),t}(w.default.Component),i.propTypes={width:g.default.number,height:g.default.number,measure:g.default.string,visible:g.default.bool,showMask:g.default.bool,closeOnEsc:g.default.bool,closeMaskOnClick:g.default.bool,showCloseButton:g.default.bool,animation:g.default.string,enterAnimation:g.default.string,leaveAnimation:g.default.string,duration:g.default.number,className:g.default.string,customStyles:g.default.object,customMaskStyles:g.default.object,onClose:g.default.func.isRequired,onAnimationEnd:g.default.func},i.defaultProps={width:400,height:240,measure:"px",visible:!1,showMask:!0,closeOnEsc:!1,closeMaskOnClick:!0,showCloseButton:!0,animation:"zoom",enterAnimation:"",leaveAnimation:"",duration:300,className:"",customStyles:{},customMaskStyles:{}},o);t.default=T}});
//# sourceMappingURL=43.chunk.js.map?v=29c8b483