diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
index db3117d..85d6c80 100644
--- a/docs/asset-manifest.json
+++ b/docs/asset-manifest.json
@@ -1,6 +1,6 @@
 {
-  "index.css": "static/css/index.45e9b4e2.chunk.css",
-  "index.js": "static/js/index.45e9b4e2.chunk.js",
+  "index.css": "static/css/index.28412c68.chunk.css",
+  "index.js": "static/js/index.28412c68.chunk.js",
   "runtime-index.js": "static/js/runtime-index.70097ef2.js",
   "static/js/2.fa911bdb.chunk.js": "static/js/2.fa911bdb.chunk.js",
   "index.html": "index.html"
diff --git a/docs/index.html b/docs/index.html
index 2633dc8..a74e567 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"><title>popup</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"><style>.demo{width:800px;height:450px;margin:100px auto;background:#fff;font-size:12px;overflow:auto}</style><link href="static/css/index.45e9b4e2.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.fa911bdb.chunk.js"></script><script src="static/js/index.45e9b4e2.chunk.js"></script></body></html>
\ No newline at end of file
+<!doctype html><html style="width:100%;height:100%;overflow:hidden"><head><meta charset="utf-8"><title>popup</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"><style>.demo{width:800px;height:450px;margin:100px auto;background:#fff;font-size:12px;overflow:auto}</style><link href="static/css/index.28412c68.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.fa911bdb.chunk.js"></script><script src="static/js/index.28412c68.chunk.js"></script></body></html>
\ No newline at end of file
diff --git a/docs/static/css/index.45e9b4e2.chunk.css b/docs/static/css/index.28412c68.chunk.css
similarity index 100%
rename from docs/static/css/index.45e9b4e2.chunk.css
rename to docs/static/css/index.28412c68.chunk.css
diff --git a/docs/static/js/index.45e9b4e2.chunk.js b/docs/static/js/index.28412c68.chunk.js
similarity index 91%
rename from docs/static/js/index.45e9b4e2.chunk.js
rename to docs/static/js/index.28412c68.chunk.js
index d88673e..248a17e 100644
--- a/docs/static/js/index.45e9b4e2.chunk.js
+++ b/docs/static/js/index.28412c68.chunk.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{123:function(e,t,n){},124:function(e,t,n){},125:function(e,t,n){},139:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),o=n(4),s=n.n(o),r=(n(123),n(124),n(125),n(20),n(127),n(21),n(22),n(23),n(1)),l=n.n(r),c=(n(8),n(3),n(9)),d=n.n(c),p=n(2),u=n.n(p),m=(n(77),n(82),n(84)),f=n.n(m),v=n(28),k=n.n(v),h=n(37),b=n.n(h),E=n(27),y=n(16),g=n(54);var C=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"transitionStatus",y.a),u()(l()(t),"inTransition",!1),u()(l()(t),"inMaskTransition",!1),u()(l()(t),"rootInstance",void 0),u()(l()(t),"popupInstance",void 0),u()(l()(t),"maskInstance",void 0),u()(l()(t),"refHandlers",{root:function(e){return t.rootInstance=e},popup:function(e){return t.popupInstance=e},mask:function(e){return t.maskInstance=e}}),t}var s=n.prototype;return s.getRootDOM=function(){return Object(o.findDOMNode)(this.rootInstance)},s.getPopupDOM=function(){return Object(o.findDOMNode)(this.popupInstance)},s.getMaskDOM=function(){return Object(o.findDOMNode)(this.maskInstance)},s.shouldComponentUpdate=function(e){return e.forceRender||!(y.a===this.transitionStatus&&!e.visible)},s.componentDidMount=function(){var e=this.props,t=e.lazy,n=e.visible,a=e.mask,i=Object(o.findDOMNode)(this.rootInstance),s=Object(o.findDOMNode)(this.popupInstance),r=Object(o.findDOMNode)(this.maskInstance);n||t||(i&&(i.style.display="none",i.__popupHide=!0),s&&(s.style.display="none",s.__popupHide=!0),r&&(r.style.display="none",r.__popupHide=!0)),n&&!a&&r&&(r.style.display="none",r.__popupHide=!0)},s.onEnter=function(e,t,n,a){var i=e.onEnter,s=this.props.getPosition,r=Object(o.findDOMNode)(this.rootInstance),l=Object(o.findDOMNode)(this.popupInstance),c=Object(o.findDOMNode)(this.maskInstance);if(t?this.inMaskTransition=!0:this.inTransition=!0,r&&r.__popupHide&&(r.style.display="",delete r.__popupHide),!t&&l&&l.__popupHide&&(l.style.display="",delete l.__popupHide),t&&c&&c.__popupHide&&(c.style.display="",delete c.__popupHide),!t&&s){var d=s(n),p=function(e){return"number"===typeof e?e+"px":e};d&&("left"in d&&(n.style.left=p(d.left)),"top"in d&&(n.style.top=p(d.top)),"right"in d&&(n.style.right=p(d.right)),"bottom"in d&&(n.style.bottom=p(d.bottom)))}i&&i(n,a)},s.onEntered=function(e,t,n,a){var i=e.onEntered;t?this.inMaskTransition=!1:this.inTransition=!1,i&&i(n,a)},s.onExit=function(e,t,n){var a=e.onExit;t?this.inMaskTransition=!0:this.inTransition=!0,a&&a(n)},s.onExited=function(e,t,n){var a=e.onExited,i=this.props,s=i.destroyOnClose,r=i.visible,l=Object(o.findDOMNode)(this.rootInstance),c=Object(o.findDOMNode)(this.popupInstance),d=Object(o.findDOMNode)(this.maskInstance);t?this.inMaskTransition=!1:this.inTransition=!1,s||(r||this.inMaskTransition||this.inTransition||!l||(l.style.display="none",l.__popupHide=!0),!t&&c&&(c.style.display="none",c.__popupHide=!0),t&&d&&(d.style.display="none",d.__popupHide=!0)),a&&a(n)},s.renderPopupMask=function(){var e,t=this.props,n=t.prefixCls,a=t.visible,o=t.mask,s=t.maskProps,r=t.maskStyle,l=t.maskClassName,c=t.maskTransition,d=t.lazy,p=t.destroyOnClose,u=t.fixed,m=t.maskComponent,f=b()(((e={})[n+"-mask"]=!0,e[n+"-mask-fixed"]=u,e),s.className,l),v=c.classNames?g.a:y.b;return i.a.createElement(v,k()({enter:!0,exit:!0,appear:!0,addEndListener:function(e,t){return null==c.timeout&&t()}},c,{in:o&&a,onEnter:this.onEnter.bind(this,c,!0),onEntered:this.onEntered.bind(this,c,!0),onExit:this.onExit.bind(this,c,!0),onExited:this.onExited.bind(this,c,!0),unmountOnExit:p,mountOnEnter:d}),i.a.createElement(m,k()({},s,{ref:this.refHandlers.mask,style:Object.assign({},r,{},s.style),className:f})))},s.render=function(){var e,t=this,n=this.props,o=n.style,s=n.prefixCls,r=n.className,l=n.fixed,c=n.visible,d=n.children,p=n.lazy,u=n.destroyOnClose,m=n.rootClassName,v=n.rootStyle,h=n.rootProps,C=n.rootComponent,x=(n.component,n.transition),O=n.wrapContent,N=n.disableMask,M=f()(n,["style","prefixCls","className","fixed","visible","children","lazy","destroyOnClose","rootClassName","rootStyle","rootProps","rootComponent","component","transition","wrapContent","disableMask"]),I=C,D=C;delete M.mask,delete M.maskProps,delete M.maskStyle,delete M.maskClassName,delete M.maskComponent,delete M.maskTransition,delete M.getPosition,delete M.forceRender;var _=Object.assign({},h,{className:b()(s+"-root",m,h.className),style:Object.assign({},v,{},h.style)});I===a.Fragment&&(_={});var S=b()(s,((e={})[s+"-fixed"]=l,e),r),A=x.classNames?g.a:y.b,T=i.a.createElement(I,k()({},_,{ref:this.refHandlers.root}),!N&&this.renderPopupMask(),O(i.a.createElement(A,k()({enter:!0,exit:!0,appear:!0,addEndListener:function(e,t){return null==x.timeout&&t()}},x,{in:c,onEnter:this.onEnter.bind(this,x,!1),onEntered:this.onEntered.bind(this,x,!1),onExit:this.onExit.bind(this,x,!1),onExited:this.onExited.bind(this,x,!1),unmountOnExit:u,mountOnEnter:p}),(function(e){return t.transitionStatus=e,i.a.createElement(D,k()({},M,{ref:t.refHandlers.popup,style:o,className:S}),"function"===typeof d?d(e):d)}))));return i.a.createElement(E.a.Provider,{value:null},i.a.createElement(y.b,{enter:!0,exit:!0,appear:!0,addEndListener:x.addEndListener||function(e,t){return null==x.timeout&&t()},timeout:x.timeout,in:c,unmountOnExit:u,mountOnEnter:p},(function(){return T})))},n}(i.a.Component);u()(C,"defaultProps",{prefixCls:"rw-popup",style:{},className:"",rootClassName:"",rootStyle:{},rootProps:{},visible:!1,fixed:!1,lazy:!0,forceRender:!1,transition:{},destroyOnClose:!0,disableMask:!1,mask:!1,maskStyle:{},maskProps:{},maskClassName:"",maskTransition:{},component:"div",maskComponent:"div",rootComponent:"div",wrapContent:function(e){return e}});var x=C,O=n(12),N=n.n(O);var M=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!1}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),t}var a=n.prototype;return a.componentDidMount=function(){},a.render=function(){var e=this.state.visible;return i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},e?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement(x,{rootComponent:"div",rootClassName:"p-root",rootStyle:{zIndex:0,tabIndex:-1},rootProps:{"data-x":"1"},visible:e,transition:{timeout:500,onEnter:function(e){N()(e).hide(),N()(e).stop().fadeIn(500)},onExit:function(e){N()(e).stop().fadeOut(500)}},getPosition:function(e){return console.log(e),{left:"50%",top:50}}},i.a.createElement("div",{className:"dialog"},"center...")))},n}(a.Component);var I=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!0}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),u()(l()(t),"refButton",(function(e){t._defer.resolve({of:e,my:"left top",at:"left bottom"})})),u()(l()(t),"refButton2",(function(e){t._defer2.resolve({of:e,my:"left center",at:"right center"})})),t}return n.prototype.render=function(){var e=this.state,t=e.visible,n=e.mask;return i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},t?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},n?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,{visible:t,mask:n,style:{left:"50%",top:10,background:"#ff5454",color:"#FFF",padding:10},transition:{timeout:500,onEnter:function(e){N()(e).hide(),N()(e).stop().fadeIn(500)},onExit:function(e){N()(e).stop().fadeOut(500)}},maskTransition:{timeout:500,onEnter:function(e){N()(e).hide(),N()(e).stop().fadeIn(500)},onExit:function(e){N()(e).stop().fadeOut(500)}}},i.a.createElement("div",null,"center2..."))))},n}(a.Component);var D=1;function _(){return console.log("1"),i.a.createElement("a",null,"Test a",D++)}var S={appear:"animated",appearActive:"fadeBottomIn",appearDone:"done",enter:"animated",enterActive:"fadeBottomIn",enterDone:"done",exit:"animated",exitActive:"fadeBottomOut",exitDone:"done"},A={appear:"animated",appearActive:"fadeIn",appearDone:"done",enter:"animated",enterActive:"fadeIn",enterDone:"done",exit:"animated",exitActive:"fadeOut",exitDone:"done"},T=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!0}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),t}return n.prototype.render=function(){var e=this,t=this.state,n=t.visible,o=t.mask;return i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},n?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},o?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:function(){return e.forceUpdate()}},"refresh")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,{visible:n,mask:o,destroyOnClose:!1,style:{left:10,top:10,background:"#ff5454",color:"#FFF",padding:10},transition:{timeout:500,classNames:S},maskTransition:{timeout:500,classNames:A}},i.a.createElement("div",null,i.a.createElement(_,null)))))},n}(a.Component);var w={appear:"animated",appearActive:"fadeBottomIn",appearDone:"done",enter:"animated",enterActive:"fadeBottomIn",enterDone:"done",exit:"animated",exitActive:"fadeBottomOut",exitDone:"done"},F={appear:"animated",appearActive:"fadeIn",appearDone:"done",enter:"animated",enterActive:"fadeIn",exit:"animated",exitActive:"fadeOut"};var H=[{label:"\u57fa\u672c\u529f\u80fd",component:M},{label:"\u906e\u7f69\u5c42",component:I},{label:"\u4f7f\u7528CSS\u52a8\u753b",component:T},{label:"fixed",component:function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!1,disableMask:!1}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),u()(l()(t),"toggleClick3",(function(e){var n=t.state.disableMask;t.setState({disableMask:!n})})),t}return n.prototype.render=function(){var e,t=this,n=this.state,o=n.visible,s=n.mask,r=n.disableMask;return console.log(s,"render"),i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},o?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},s?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:this.toggleClick3},r?"\u542f\u7528\u906e\u7f69\u5c42":"\u7981\u7528\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:function(){return t.forceUpdate()}},"refresh")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,((e={disableMask:r,visible:o,mask:s,lazy:!1,destroyOnClose:!0,style:{background:"#ff5454",color:"#FFF",padding:10},transition:{timeout:500,classNames:w},maskTransition:{timeout:500,classNames:F},maskProps:{onClick:function(){t.toggleClick2()}}}).destroyOnClose=!1,e.fixed=!0,e),i.a.createElement("div",null,"fixed test"))))},n}(a.Component)},{label:"\u65e0\u52a8\u753b",component:function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!0}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),t}return n.prototype.render=function(){var e=this,t=this.state,n=t.visible,o=t.mask;return i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},n?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},o?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:function(){return e.forceUpdate()}},"refresh")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,{visible:n,mask:o,destroyOnClose:!0,style:{background:"#ff5454",color:"#FFF",padding:10},maskProps:{onClick:function(){e.toggleClick2()}}},i.a.createElement("div",null,"fixed test"))))},n}(a.Component)}];var P=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{current:H[0]}),t}var a=n.prototype;return a.onDemoChange=function(e,t){this.setState({current:e})},a.render=function(){var e=this,t=this.state.current;return i.a.createElement("div",{className:"container"},i.a.createElement("div",{className:"slider"},H.map((function(n,a){return i.a.createElement("div",{key:a,className:t===n?"active":"",onClick:e.onDemoChange.bind(e,n)},n.label)}))),i.a.createElement("div",{className:"content"},t?i.a.createElement(t.component,null):null))},n}(a.Component);s.a.render(i.a.createElement(P,null),document.getElementById("demo"))},86:function(e,t,n){n(87),e.exports=n(139)}},[[86,1,2]]]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{123:function(e,t,n){},124:function(e,t,n){},125:function(e,t,n){},139:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),o=n(4),s=n.n(o),r=(n(123),n(124),n(125),n(20),n(127),n(21),n(22),n(23),n(1)),l=n.n(r),c=(n(8),n(3),n(9)),d=n.n(c),p=n(2),u=n.n(p),m=(n(77),n(82),n(84)),f=n.n(m),v=n(28),k=n.n(v),h=n(37),b=n.n(h),E=n(27),y=n(16),g=n(54);var C=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"transitionStatus",y.a),u()(l()(t),"inTransition",!1),u()(l()(t),"inMaskTransition",!1),u()(l()(t),"rootInstance",void 0),u()(l()(t),"popupInstance",void 0),u()(l()(t),"maskInstance",void 0),u()(l()(t),"refHandlers",{root:function(e){return t.rootInstance=e},popup:function(e){return t.popupInstance=e},mask:function(e){return t.maskInstance=e}}),t}var s=n.prototype;return s.getRootDOM=function(){return Object(o.findDOMNode)(this.rootInstance)},s.getPopupDOM=function(){return Object(o.findDOMNode)(this.popupInstance)},s.getMaskDOM=function(){return Object(o.findDOMNode)(this.maskInstance)},s.shouldComponentUpdate=function(e){return e.forceRender||!(y.a===this.transitionStatus&&!e.visible)},s.componentDidMount=function(){var e=this.props,t=e.lazy,n=e.visible,a=e.mask,i=Object(o.findDOMNode)(this.rootInstance),s=Object(o.findDOMNode)(this.popupInstance),r=Object(o.findDOMNode)(this.maskInstance);n||t||(i&&(i.style.display="none",i.__popupHide=!0),s&&(s.style.display="none",s.__popupHide=!0),r&&(r.style.display="none",r.__popupHide=!0)),n&&!a&&r&&(r.style.display="none",r.__popupHide=!0)},s.onEnter=function(e,t,n,a){var i=e.onEnter,s=this.props.getPosition,r=Object(o.findDOMNode)(this.rootInstance),l=Object(o.findDOMNode)(this.popupInstance),c=Object(o.findDOMNode)(this.maskInstance);if(t?this.inMaskTransition=!0:this.inTransition=!0,r&&r.__popupHide&&(r.style.display="",delete r.__popupHide),!t&&l&&l.__popupHide&&(l.style.display="",delete l.__popupHide),t&&c&&c.__popupHide&&(c.style.display="",delete c.__popupHide),!t&&s){var d=s(n),p=function(e){return"number"===typeof e?e+"px":e};d&&("left"in d&&(n.style.left=p(d.left)),"top"in d&&(n.style.top=p(d.top)),"right"in d&&(n.style.right=p(d.right)),"bottom"in d&&(n.style.bottom=p(d.bottom)))}i&&i(n,a)},s.onEntered=function(e,t,n,a){var i=e.onEntered;t?this.inMaskTransition=!1:this.inTransition=!1,i&&i(n,a)},s.onExit=function(e,t,n){var a=e.onExit;t?this.inMaskTransition=!0:this.inTransition=!0,a&&a(n)},s.onExited=function(e,t,n){var a=e.onExited,i=this.props,s=i.destroyOnClose,r=i.visible,l=Object(o.findDOMNode)(this.rootInstance),c=Object(o.findDOMNode)(this.popupInstance),d=Object(o.findDOMNode)(this.maskInstance);t?this.inMaskTransition=!1:this.inTransition=!1,s||(r||this.inMaskTransition||this.inTransition||!l||(l.style.display="none",l.__popupHide=!0),!t&&c&&(c.style.display="none",c.__popupHide=!0),t&&d&&(d.style.display="none",d.__popupHide=!0)),a&&a(n)},s.renderPopupMask=function(){var e,t=this.props,n=t.prefixCls,a=t.visible,o=t.mask,s=t.maskProps,r=t.maskStyle,l=t.maskClassName,c=t.maskTransition,d=t.lazy,p=t.destroyOnClose,u=t.fixed,m=t.maskComponent,f=b()(((e={})[n+"-mask"]=!0,e[n+"-mask-fixed"]=u,e),s.className,l),v=c.classNames?g.a:y.b;return i.a.createElement(v,k()({enter:!0,exit:!0,appear:!0,addEndListener:function(e,t){return null==c.timeout&&t()}},c,{in:o&&a,onEnter:this.onEnter.bind(this,c,!0),onEntered:this.onEntered.bind(this,c,!0),onExit:this.onExit.bind(this,c,!0),onExited:this.onExited.bind(this,c,!0),unmountOnExit:p,mountOnEnter:d}),i.a.createElement(m,k()({},s,{ref:this.refHandlers.mask,style:Object.assign({},r,{},s.style),className:f})))},s.render=function(){var e,t=this,n=this.props,o=n.style,s=n.prefixCls,r=n.className,l=n.fixed,c=n.visible,d=n.children,p=n.lazy,u=n.destroyOnClose,m=n.rootClassName,v=n.rootStyle,h=n.rootProps,C=n.rootComponent,x=n.component,O=n.transition,N=n.wrapContent,M=n.disableMask,I=f()(n,["style","prefixCls","className","fixed","visible","children","lazy","destroyOnClose","rootClassName","rootStyle","rootProps","rootComponent","component","transition","wrapContent","disableMask"]),D=C,_=x;delete I.mask,delete I.maskProps,delete I.maskStyle,delete I.maskClassName,delete I.maskComponent,delete I.maskTransition,delete I.getPosition,delete I.forceRender;var S=Object.assign({},h,{className:b()(s+"-root",m,h.className),style:Object.assign({},v,{},h.style)});D===a.Fragment&&(S={});var A=b()(s,((e={})[s+"-fixed"]=l,e),r),T=O.classNames?g.a:y.b,w=i.a.createElement(D,k()({},S,{ref:this.refHandlers.root}),!M&&this.renderPopupMask(),N(i.a.createElement(T,k()({enter:!0,exit:!0,appear:!0,addEndListener:function(e,t){return null==O.timeout&&t()}},O,{in:c,onEnter:this.onEnter.bind(this,O,!1),onEntered:this.onEntered.bind(this,O,!1),onExit:this.onExit.bind(this,O,!1),onExited:this.onExited.bind(this,O,!1),unmountOnExit:u,mountOnEnter:p}),(function(e){return t.transitionStatus=e,i.a.createElement(_,k()({},I,{ref:t.refHandlers.popup,style:o,className:A}),"function"===typeof d?d(e):d)}))));return i.a.createElement(E.a.Provider,{value:null},i.a.createElement(y.b,{enter:!0,exit:!0,appear:!0,addEndListener:O.addEndListener||function(e,t){return null==O.timeout&&t()},timeout:O.timeout,in:c,unmountOnExit:u,mountOnEnter:p},(function(){return w})))},n}(i.a.Component);u()(C,"defaultProps",{prefixCls:"rw-popup",style:{},className:"",rootClassName:"",rootStyle:{},rootProps:{},visible:!1,fixed:!1,lazy:!0,forceRender:!1,transition:{},destroyOnClose:!0,disableMask:!1,mask:!1,maskStyle:{},maskProps:{},maskClassName:"",maskTransition:{},component:"div",maskComponent:"div",rootComponent:"div",wrapContent:function(e){return e}});var x=C,O=n(12),N=n.n(O);var M=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!1}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),t}var a=n.prototype;return a.componentDidMount=function(){},a.render=function(){var e=this.state.visible;return i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},e?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement(x,{rootComponent:"div",rootClassName:"p-root",rootStyle:{zIndex:0,tabIndex:-1},rootProps:{"data-x":"1"},visible:e,transition:{timeout:500,onEnter:function(e){N()(e).hide(),N()(e).stop().fadeIn(500)},onExit:function(e){N()(e).stop().fadeOut(500)}},getPosition:function(e){return console.log(e),{left:"50%",top:50}}},i.a.createElement("div",{className:"dialog"},"center...")))},n}(a.Component);var I=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!0}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),u()(l()(t),"refButton",(function(e){t._defer.resolve({of:e,my:"left top",at:"left bottom"})})),u()(l()(t),"refButton2",(function(e){t._defer2.resolve({of:e,my:"left center",at:"right center"})})),t}return n.prototype.render=function(){var e=this.state,t=e.visible,n=e.mask;return i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},t?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},n?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,{visible:t,mask:n,style:{left:"50%",top:10,background:"#ff5454",color:"#FFF",padding:10},transition:{timeout:500,onEnter:function(e){N()(e).hide(),N()(e).stop().fadeIn(500)},onExit:function(e){N()(e).stop().fadeOut(500)}},maskTransition:{timeout:500,onEnter:function(e){N()(e).hide(),N()(e).stop().fadeIn(500)},onExit:function(e){N()(e).stop().fadeOut(500)}}},i.a.createElement("div",null,"center2..."))))},n}(a.Component);var D=1;function _(){return console.log("1"),i.a.createElement("a",null,"Test a",D++)}var S={appear:"animated",appearActive:"fadeBottomIn",appearDone:"done",enter:"animated",enterActive:"fadeBottomIn",enterDone:"done",exit:"animated",exitActive:"fadeBottomOut",exitDone:"done"},A={appear:"animated",appearActive:"fadeIn",appearDone:"done",enter:"animated",enterActive:"fadeIn",enterDone:"done",exit:"animated",exitActive:"fadeOut",exitDone:"done"},T=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!0}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),t}return n.prototype.render=function(){var e=this,t=this.state,n=t.visible,o=t.mask;return i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},n?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},o?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:function(){return e.forceUpdate()}},"refresh")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,{visible:n,mask:o,destroyOnClose:!1,style:{left:10,top:10,background:"#ff5454",color:"#FFF",padding:10},transition:{timeout:500,classNames:S},maskTransition:{timeout:500,classNames:A}},i.a.createElement("div",null,i.a.createElement(_,null)))))},n}(a.Component);var w={appear:"animated",appearActive:"fadeBottomIn",appearDone:"done",enter:"animated",enterActive:"fadeBottomIn",enterDone:"done",exit:"animated",exitActive:"fadeBottomOut",exitDone:"done"},F={appear:"animated",appearActive:"fadeIn",appearDone:"done",enter:"animated",enterActive:"fadeIn",exit:"animated",exitActive:"fadeOut"};var H=[{label:"\u57fa\u672c\u529f\u80fd",component:M},{label:"\u906e\u7f69\u5c42",component:I},{label:"\u4f7f\u7528CSS\u52a8\u753b",component:T},{label:"fixed",component:function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!1,disableMask:!1}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),u()(l()(t),"toggleClick3",(function(e){var n=t.state.disableMask;t.setState({disableMask:!n})})),t}return n.prototype.render=function(){var e,t=this,n=this.state,o=n.visible,s=n.mask,r=n.disableMask;return console.log(s,"render"),i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},o?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},s?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:this.toggleClick3},r?"\u542f\u7528\u906e\u7f69\u5c42":"\u7981\u7528\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:function(){return t.forceUpdate()}},"refresh")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,((e={disableMask:r,visible:o,mask:s,lazy:!1,destroyOnClose:!0,style:{background:"#ff5454",color:"#FFF",padding:10},transition:{timeout:500,classNames:w},maskTransition:{timeout:500,classNames:F},maskProps:{onClick:function(){t.toggleClick2()}}}).destroyOnClose=!1,e.fixed=!0,e),i.a.createElement("div",null,"fixed test"))))},n}(a.Component)},{label:"\u65e0\u52a8\u753b",component:function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{visible:!0,mask:!0}),u()(l()(t),"toggleClick",(function(e){var n=t.state.visible;t.setState({visible:!n})})),u()(l()(t),"toggleClick2",(function(e){var n=t.state.mask;t.setState({mask:!n})})),t}return n.prototype.render=function(){var e=this,t=this.state,n=t.visible,o=t.mask;return i.a.createElement(a.Fragment,null,i.a.createElement("div",null,i.a.createElement("button",{onClick:this.toggleClick},n?"\u5173\u95ed":"\u663e\u793a"),i.a.createElement("button",{onClick:this.toggleClick2},o?"\u5173\u95ed\u906e\u7f69\u5c42":"\u663e\u793a\u906e\u7f69\u5c42"),i.a.createElement("button",{onClick:function(){return e.forceUpdate()}},"refresh")),i.a.createElement("div",{style:{height:"calc(100% - 30px)",position:"relative",border:"1px solid #000"}},i.a.createElement(x,{visible:n,mask:o,destroyOnClose:!0,style:{background:"#ff5454",color:"#FFF",padding:10},maskProps:{onClick:function(){e.toggleClick2()}}},i.a.createElement("div",null,"fixed test"))))},n}(a.Component)}];var P=function(e){d()(n,e);var t;t=n;function n(){for(var t,n=arguments.length,a=new Array(n),i=0;i<n;i++)a[i]=arguments[i];return t=e.call.apply(e,[this].concat(a))||this,u()(l()(t),"state",{current:H[0]}),t}var a=n.prototype;return a.onDemoChange=function(e,t){this.setState({current:e})},a.render=function(){var e=this,t=this.state.current;return i.a.createElement("div",{className:"container"},i.a.createElement("div",{className:"slider"},H.map((function(n,a){return i.a.createElement("div",{key:a,className:t===n?"active":"",onClick:e.onDemoChange.bind(e,n)},n.label)}))),i.a.createElement("div",{className:"content"},t?i.a.createElement(t.component,null):null))},n}(a.Component);s.a.render(i.a.createElement(P,null),document.getElementById("demo"))},86:function(e,t,n){n(87),e.exports=n(139)}},[[86,1,2]]]);
\ No newline at end of file
diff --git a/examples/demos/demo1.js b/examples/demos/demo1.js
index 8899afd..4b26f2b 100644
--- a/examples/demos/demo1.js
+++ b/examples/demos/demo1.js
@@ -7,7 +7,7 @@ export default class DEMO extends Component {
 		visible: false,
 	};
 
-	toggleClick = e => {
+	toggleClick = (e) => {
 		const { visible } = this.state;
 		this.setState({
 			visible: !visible,
@@ -37,15 +37,15 @@ export default class DEMO extends Component {
 					visible={visible}
 					transition={{
 						timeout: 500,
-						onEnter: node => {
+						onEnter: (node) => {
 							$(node).hide();
 							$(node).stop().fadeIn(500);
 						},
-						onExit: node => {
+						onExit: (node) => {
 							$(node).stop().fadeOut(500);
 						},
 					}}
-					getPosition={dom => {
+					getPosition={(dom) => {
 						console.log(dom);
 						return {
 							left: "50%",
diff --git a/package-lock.json b/package-lock.json
index bb5cf1a..63e3915 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "react-widget-popup",
-    "version": "3.4.6",
+    "version": "3.4.7",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
@@ -19896,8 +19896,7 @@
                         "ansi-regex": {
                             "version": "2.1.1",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "aproba": {
                             "version": "1.2.0",
@@ -19940,8 +19939,7 @@
                         "code-point-at": {
                             "version": "1.1.0",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "concat-map": {
                             "version": "0.0.1",
@@ -19952,8 +19950,7 @@
                         "console-control-strings": {
                             "version": "1.1.0",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "core-util-is": {
                             "version": "1.0.2",
@@ -20070,8 +20067,7 @@
                         "inherits": {
                             "version": "2.0.4",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "ini": {
                             "version": "1.3.5",
@@ -20083,7 +20079,6 @@
                             "version": "1.0.0",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "number-is-nan": "^1.0.0"
                             }
@@ -20113,7 +20108,6 @@
                             "version": "2.9.0",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "safe-buffer": "^5.1.2",
                                 "yallist": "^3.0.0"
@@ -20132,7 +20126,6 @@
                             "version": "0.5.3",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "minimist": "^1.2.5"
                             }
@@ -20236,7 +20229,6 @@
                             "version": "1.4.0",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "wrappy": "1"
                             }
@@ -20314,8 +20306,7 @@
                         "safe-buffer": {
                             "version": "5.1.2",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "safer-buffer": {
                             "version": "2.1.2",
@@ -20351,7 +20342,6 @@
                             "version": "1.0.2",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "code-point-at": "^1.0.0",
                                 "is-fullwidth-code-point": "^1.0.0",
@@ -20371,7 +20361,6 @@
                             "version": "3.0.1",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "ansi-regex": "^2.0.0"
                             }
@@ -20415,14 +20404,12 @@
                         "wrappy": {
                             "version": "1.0.2",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "yallist": {
                             "version": "3.1.1",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         }
                     }
                 },
@@ -20839,8 +20826,7 @@
                         "ansi-regex": {
                             "version": "2.1.1",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "aproba": {
                             "version": "1.2.0",
@@ -20883,8 +20869,7 @@
                         "code-point-at": {
                             "version": "1.1.0",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "concat-map": {
                             "version": "0.0.1",
@@ -20895,8 +20880,7 @@
                         "console-control-strings": {
                             "version": "1.1.0",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "core-util-is": {
                             "version": "1.0.2",
@@ -21013,8 +20997,7 @@
                         "inherits": {
                             "version": "2.0.4",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "ini": {
                             "version": "1.3.5",
@@ -21026,7 +21009,6 @@
                             "version": "1.0.0",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "number-is-nan": "^1.0.0"
                             }
@@ -21056,7 +21038,6 @@
                             "version": "2.9.0",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "safe-buffer": "^5.1.2",
                                 "yallist": "^3.0.0"
@@ -21075,7 +21056,6 @@
                             "version": "0.5.3",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "minimist": "^1.2.5"
                             }
@@ -21179,7 +21159,6 @@
                             "version": "1.4.0",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "wrappy": "1"
                             }
@@ -21257,8 +21236,7 @@
                         "safe-buffer": {
                             "version": "5.1.2",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "safer-buffer": {
                             "version": "2.1.2",
@@ -21294,7 +21272,6 @@
                             "version": "1.0.2",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "code-point-at": "^1.0.0",
                                 "is-fullwidth-code-point": "^1.0.0",
@@ -21314,7 +21291,6 @@
                             "version": "3.0.1",
                             "bundled": true,
                             "dev": true,
-                            "optional": true,
                             "requires": {
                                 "ansi-regex": "^2.0.0"
                             }
@@ -21358,14 +21334,12 @@
                         "wrappy": {
                             "version": "1.0.2",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         },
                         "yallist": {
                             "version": "3.1.1",
                             "bundled": true,
-                            "dev": true,
-                            "optional": true
+                            "dev": true
                         }
                     }
                 },
diff --git a/package.json b/package.json
index 1475dce..195e053 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "react-widget-popup",
-	"version": "3.4.6",
+	"version": "3.4.7",
 	"description": "",
 	"main": "cjs/index.js",
 	"module": "esm/index.js",
diff --git a/src/index.tsx b/src/index.tsx
index cdb7758..43a2dcb 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -365,7 +365,7 @@ export class Popup extends React.Component<PopupProps, {}> {
 		} = this.props;
 
 		const RootComponent = rootComponent!;
-		const Component = rootComponent!;
+		const Component = component!;
 
 		delete childProps.mask;
 		delete childProps.maskProps;
