From 5d3d5c38e4eed65d1b368f2406cd0df546bbb250 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 30 Jan 2022 11:17:33 +0800
Subject: [PATCH] release: 1.8.3

---
 docs/dist/bundle.js | 2 +-
 package.json        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/dist/bundle.js b/docs/dist/bundle.js
index b133caa..ca5fa41 100644
--- a/docs/dist/bundle.js
+++ b/docs/dist/bundle.js
@@ -32,4 +32,4 @@ object-assign
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/!function(){var t={}.hasOwnProperty;function a(){for(var e=[],n=0;n<arguments.length;n++){var r=arguments[n];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)){if(r.length){var l=a.apply(null,r);l&&e.push(l)}}else if("object"===o)if(r.toString===Object.prototype.toString)for(var i in r)t.call(r,i)&&r[i]&&e.push(i);else e.push(r.toString())}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(n,[]))||(e.exports=r)}()},function(e,n,t){var r=t(2),a=t(16);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,n,t){(n=t(3)(!1)).push([e.i,"/* -- normalize -- */\r\n*,\r\n*:before,\r\n*:after {\r\n  box-sizing: border-box;\r\n}\r\nhtml {\r\n  font-family: 'Open Sans', sans-serif;\r\n}\r\na {\r\n  text-decoration: none;\r\n  background-color: transparent;\r\n}\r\na:hover {\r\n  outline: 0;\r\n  text-decoration: none;\r\n}\r\na:focus {\r\n  outline: none;\r\n  text-decoration: none;\r\n}\r\nbutton {\r\n  color: inherit;\r\n  font: inherit;\r\n  margin: 0;\r\n  overflow: visible;\r\n  text-transform: none;\r\n  -webkit-appearance: button;\r\n  cursor: pointer;\r\n}\r\nbutton:focus {\r\n  outline: none;\r\n}\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n  border: 0;\r\n  padding: 0;\r\n}\r\n\r\n/* -- container -- */\r\n#app,\r\n.wrap {\r\n  height: 100%;\r\n}\r\n.container {\r\n  width: 100%;\r\n}\r\n.title,\r\n.intro {\r\n  color: #fff;\r\n  text-align: center;\r\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n}\r\n.title {\r\n  font-size: 70px;\r\n  margin: 0;\r\n}\r\n.intro {\r\n  font-size: 30px;\r\n  margin: 15px 10px 20px;\r\n}\r\n.btn-area {\r\n  width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n/* -- scale animation -- */\r\n@keyframes scale {\r\n  from {\r\n    opacity: 0;\r\n    transform: scale3d(0.3, 0.3, 0.3);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: scale3d(1, 1, 1);\r\n  }\r\n}\r\n.scale {\r\n  animation: scale both 0.4s cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n/* -- btn -- */\r\n.btn {\r\n  display: inline-block;\r\n  color: #0a1855;\r\n  width: 140px;\r\n  padding: 0;\r\n  font-size: 18px;\r\n  background: #fff;\r\n  margin: 20px 30px;\r\n  line-height: 42px;\r\n  user-select: none;\r\n  text-align: center;\r\n  border: none;\r\n  border-radius: 4px;\r\n}\r\n.btn:hover {\r\n  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);\r\n}\r\n.btn:active {\r\n  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3),\r\n    inset 2px 2px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0);\r\n}\r\n@media (max-width: 600px) {\r\n  .container {\r\n    padding-top: 30px !important;\r\n  }\r\n  .title {\r\n    font-size: 40px;\r\n  }\r\n  .intro {\r\n    font-size: 20px;\r\n  }\r\n  .btn {\r\n    width: 35%;\r\n    font-size: 16px;\r\n    line-height: 34px;\r\n    margin: 10px 0 10px 10%;\r\n  }\r\n  .btn-area {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n/* -- title -- */\r\n.header {\r\n  font-size: 16px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid #e9e9e9;\r\n}\r\n\r\n/* -- body -- */\r\n.body {\r\n  padding-top: 15px;\r\n}\r\n\r\n/* -- button -- */\r\n.rodal-cancel-btn,\r\n.rodal-confirm-btn {\r\n  position: absolute;\r\n  font: inherit;\r\n  bottom: 16px;\r\n  width: 70px;\r\n  padding: 4px 15px;\r\n  border-radius: 3px;\r\n  transition: background 0.2s;\r\n  border: 1px solid #03a9f4;\r\n}\r\n.rodal-confirm-btn {\r\n  color: #fff;\r\n  right: 102px;\r\n  background: #03a9f4;\r\n}\r\n.rodal-confirm-btn:hover {\r\n  background: #0098e3;\r\n}\r\n.rodal-cancel-btn {\r\n  color: #03a9f4;\r\n  right: 16px;\r\n  background: #fff;\r\n}\r\n.rodal-cancel-btn:hover {\r\n  background: #fafafa;\r\n}\r\n.rodal-cancel-btn:focus,\r\n.rodal-confirm-btn:focus {\r\n  outline: none;\r\n}\r\n.rodal-confirm-btn:active {\r\n  background: #0087d2;\r\n}\r\n.rodal-cancel-btn:active {\r\n  background: #fafafa;\r\n  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px transparent;\r\n}\r\n",""]),e.exports=n},function(e,n,t){var r=t(2),a=t(18);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,n,t){(n=t(3)(!1)).push([e.i,"/* -- container -- */\r\n.rodal,\r\n.rodal-mask {\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 100;\r\n}\r\n\r\n.rodal {\r\n  position: fixed;\r\n}\r\n\r\n/* -- mask -- */\r\n.rodal-mask {\r\n  position: absolute;\r\n  background: rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n/* -- dialog -- */\r\n.rodal-dialog {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  z-index: 101;\r\n  padding: 15px;\r\n  background: #fff;\r\n  border-radius: 3px;\r\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.rodal-dialog:focus {\r\n  outline: none;\r\n}\r\n\r\n/* -- close button -- */\r\n.rodal-close {\r\n  position: absolute;\r\n  cursor: pointer;\r\n  top: 16px;\r\n  right: 16px;\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.rodal-close:before,\r\n.rodal-close:after {\r\n  position: absolute;\r\n  content: '';\r\n  height: 2px;\r\n  width: 100%;\r\n  top: 50%;\r\n  left: 0;\r\n  margin-top: -1px;\r\n  background: #999;\r\n  border-radius: 100%;\r\n  -webkit-transition: background 0.2s;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.rodal-close:before {\r\n  -webkit-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.rodal-close:after {\r\n  -webkit-transform: rotate(-45deg);\r\n  transform: rotate(-45deg);\r\n}\r\n\r\n.rodal-close:hover:before,\r\n.rodal-close:hover:after {\r\n  background: #333;\r\n}\r\n\r\n/* -- fade -- */\r\n@-webkit-keyframes rodal-fade-enter {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes rodal-fade-enter {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.rodal-fade-enter {\r\n  -webkit-animation: rodal-fade-enter both ease-in;\r\n  animation: rodal-fade-enter both ease-in;\r\n}\r\n\r\n@-webkit-keyframes rodal-fade-leave {\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes rodal-fade-leave {\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.rodal-fade-leave {\r\n  -webkit-animation: rodal-fade-leave both ease-out;\r\n  animation: rodal-fade-leave both ease-out;\r\n}\r\n\r\n/* -- zoom -- */\r\n@-webkit-keyframes rodal-zoom-enter {\r\n  from {\r\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\r\n    transform: scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n@keyframes rodal-zoom-enter {\r\n  from {\r\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\r\n    transform: scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n.rodal-zoom-enter {\r\n  -webkit-animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n  animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n@-webkit-keyframes rodal-zoom-leave {\r\n  to {\r\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\r\n    transform: scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n@keyframes rodal-zoom-leave {\r\n  to {\r\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\r\n    transform: scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n.rodal-zoom-leave {\r\n  -webkit-animation: rodal-zoom-leave both;\r\n  animation: rodal-zoom-leave both;\r\n}\r\n\r\n/* -- slideDown -- */\r\n@-webkit-keyframes rodal-slideDown-enter {\r\n  from {\r\n    -webkit-transform: translate3d(0, -100px, 0);\r\n    transform: translate3d(0, -100px, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideDown-enter {\r\n  from {\r\n    -webkit-transform: translate3d(0, -100px, 0);\r\n    transform: translate3d(0, -100px, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideDown-enter {\r\n  -webkit-animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n  animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n@-webkit-keyframes rodal-slideDown-leave {\r\n  to {\r\n    -webkit-transform: translate3d(0, -100px, 0);\r\n    transform: translate3d(0, -100px, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideDown-leave {\r\n  to {\r\n    -webkit-transform: translate3d(0, -100px, 0);\r\n    transform: translate3d(0, -100px, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideDown-leave {\r\n  -webkit-animation: rodal-slideDown-leave both;\r\n  animation: rodal-slideDown-leave both;\r\n}\r\n\r\n/* -- slideLeft -- */\r\n@-webkit-keyframes rodal-slideLeft-enter {\r\n  from {\r\n    -webkit-transform: translate3d(-150px, 0, 0);\r\n    transform: translate3d(-150px, 0, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideLeft-enter {\r\n  from {\r\n    -webkit-transform: translate3d(-150px, 0, 0);\r\n    transform: translate3d(-150px, 0, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideLeft-enter {\r\n  -webkit-animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n  animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n@-webkit-keyframes rodal-slideLeft-leave {\r\n  to {\r\n    -webkit-transform: translate3d(-150px, 0, 0);\r\n    transform: translate3d(-150px, 0, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideLeft-leave {\r\n  to {\r\n    -webkit-transform: translate3d(-150px, 0, 0);\r\n    transform: translate3d(-150px, 0, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideLeft-leave {\r\n  -webkit-animation: rodal-slideLeft-leave both;\r\n  animation: rodal-slideLeft-leave both;\r\n}\r\n\r\n/* -- slideRight -- */\r\n@-webkit-keyframes rodal-slideRight-enter {\r\n  from {\r\n    -webkit-transform: translate3d(150px, 0, 0);\r\n    transform: translate3d(150px, 0, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideRight-enter {\r\n  from {\r\n    -webkit-transform: translate3d(150px, 0, 0);\r\n    transform: translate3d(150px, 0, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideRight-enter {\r\n  -webkit-animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n  animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n@-webkit-keyframes rodal-slideRight-leave {\r\n  to {\r\n    -webkit-transform: translate3d(150px, 0, 0);\r\n    transform: translate3d(150px, 0, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideRight-leave {\r\n  to {\r\n    -webkit-transform: translate3d(150px, 0, 0);\r\n    transform: translate3d(150px, 0, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideRight-leave {\r\n  -webkit-animation: rodal-slideRight-leave both;\r\n  animation: rodal-slideRight-leave both;\r\n}\r\n\r\n/* -- slideUp -- */\r\n@-webkit-keyframes rodal-slideUp-enter {\r\n  from {\r\n    -webkit-transform: translate3d(0, 100px, 0);\r\n    transform: translate3d(0, 100px, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideUp-enter {\r\n  from {\r\n    -webkit-transform: translate3d(0, 100px, 0);\r\n    transform: translate3d(0, 100px, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideUp-enter {\r\n  -webkit-animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n  animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n@-webkit-keyframes rodal-slideUp-leave {\r\n  to {\r\n    -webkit-transform: translate3d(0, 100px, 0);\r\n    transform: translate3d(0, 100px, 0);\r\n  }\r\n}\r\n\r\n@keyframes rodal-slideUp-leave {\r\n  to {\r\n    -webkit-transform: translate3d(0, 100px, 0);\r\n    transform: translate3d(0, 100px, 0);\r\n  }\r\n}\r\n\r\n.rodal-slideUp-leave {\r\n  -webkit-animation: rodal-slideUp-leave both;\r\n  animation: rodal-slideUp-leave both;\r\n}\r\n\r\n/* -- flip -- */\r\n@-webkit-keyframes rodal-flip-enter {\r\n  from {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\r\n  }\r\n  70% {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n  }\r\n  to {\r\n    -webkit-transform: perspective(400px);\r\n    transform: perspective(400px);\r\n  }\r\n}\r\n\r\n@keyframes rodal-flip-enter {\r\n  from {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\r\n  }\r\n  70% {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n  }\r\n  to {\r\n    -webkit-transform: perspective(400px);\r\n    transform: perspective(400px);\r\n  }\r\n}\r\n\r\n.rodal-flip-enter {\r\n  -webkit-animation: rodal-flip-enter both ease-in;\r\n  animation: rodal-flip-enter both ease-in;\r\n  -webkit-backface-visibility: visible !important;\r\n  backface-visibility: visible !important;\r\n}\r\n\r\n@-webkit-keyframes rodal-flip-leave {\r\n  from {\r\n    -webkit-transform: perspective(400px);\r\n    transform: perspective(400px);\r\n  }\r\n  30% {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n  }\r\n  to {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\r\n  }\r\n}\r\n\r\n@keyframes rodal-flip-leave {\r\n  from {\r\n    -webkit-transform: perspective(400px);\r\n    transform: perspective(400px);\r\n  }\r\n  30% {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\r\n  }\r\n  to {\r\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\r\n    transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\r\n  }\r\n}\r\n\r\n.rodal-flip-leave {\r\n  -webkit-animation: rodal-flip-leave both;\r\n  animation: rodal-flip-leave both;\r\n  -webkit-backface-visibility: visible !important;\r\n  backface-visibility: visible !important;\r\n}\r\n\r\n/* -- rotate -- */\r\n@-webkit-keyframes rodal-rotate-enter {\r\n  from {\r\n    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\r\n    transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n@keyframes rodal-rotate-enter {\r\n  from {\r\n    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\r\n    transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n.rodal-rotate-enter {\r\n  -webkit-animation: rodal-rotate-enter both;\r\n  animation: rodal-rotate-enter both;\r\n  -webkit-transform-origin: center;\r\n  transform-origin: center;\r\n}\r\n\r\n@-webkit-keyframes rodal-rotate-leave {\r\n  to {\r\n    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\r\n    transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n@keyframes rodal-rotate-leave {\r\n  to {\r\n    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\r\n    transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\r\n  }\r\n}\r\n\r\n.rodal-rotate-leave {\r\n  -webkit-animation: rodal-rotate-leave both;\r\n  animation: rodal-rotate-leave both;\r\n  -webkit-transform-origin: center;\r\n  transform-origin: center;\r\n}\r\n\r\n/* -- door -- */\r\n@-webkit-keyframes rodal-door-enter {\r\n  from {\r\n    -webkit-transform: scale3d(0, 1, 1);\r\n    transform: scale3d(0, 1, 1);\r\n  }\r\n}\r\n\r\n@keyframes rodal-door-enter {\r\n  from {\r\n    -webkit-transform: scale3d(0, 1, 1);\r\n    transform: scale3d(0, 1, 1);\r\n  }\r\n}\r\n\r\n.rodal-door-enter {\r\n  -webkit-animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n  animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);\r\n}\r\n\r\n@-webkit-keyframes rodal-door-leave {\r\n  60% {\r\n    -webkit-transform: scale3d(0.01, 1, 1);\r\n    transform: scale3d(0.01, 1, 1);\r\n  }\r\n  to {\r\n    -webkit-transform: scale3d(0, 1, 0.1);\r\n    transform: scale3d(0, 1, 0.1);\r\n  }\r\n}\r\n\r\n@keyframes rodal-door-leave {\r\n  60% {\r\n    -webkit-transform: scale3d(0.01, 1, 1);\r\n    transform: scale3d(0.01, 1, 1);\r\n  }\r\n  to {\r\n    -webkit-transform: scale3d(0, 1, 0.1);\r\n    transform: scale3d(0, 1, 0.1);\r\n  }\r\n}\r\n\r\n.rodal-door-leave {\r\n  -webkit-animation: rodal-door-leave both;\r\n  animation: rodal-door-leave both;\r\n}\r\n",""]),e.exports=n}]);
\ No newline at end of file
+*/!function(){var t={}.hasOwnProperty;function a(){for(var e=[],n=0;n<arguments.length;n++){var r=arguments[n];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)){if(r.length){var l=a.apply(null,r);l&&e.push(l)}}else if("object"===o)if(r.toString===Object.prototype.toString)for(var i in r)t.call(r,i)&&r[i]&&e.push(i);else e.push(r.toString())}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(n,[]))||(e.exports=r)}()},function(e,n,t){var r=t(2),a=t(16);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,n,t){(n=t(3)(!1)).push([e.i,"/* -- normalize -- */\n*,\n*:before,\n*:after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: 'Open Sans', sans-serif;\n}\na {\n  text-decoration: none;\n  background-color: transparent;\n}\na:hover {\n  outline: 0;\n  text-decoration: none;\n}\na:focus {\n  outline: none;\n  text-decoration: none;\n}\nbutton {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n  cursor: pointer;\n}\nbutton:focus {\n  outline: none;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n/* -- container -- */\n#app,\n.wrap {\n  height: 100%;\n}\n.container {\n  width: 100%;\n}\n.title,\n.intro {\n  color: #fff;\n  text-align: center;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.title {\n  font-size: 70px;\n  margin: 0;\n}\n.intro {\n  font-size: 30px;\n  margin: 15px 10px 20px;\n}\n.btn-area {\n  width: 600px;\n  margin: 0 auto;\n}\n\n/* -- scale animation -- */\n@keyframes scale {\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n.scale {\n  animation: scale both 0.4s cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n/* -- btn -- */\n.btn {\n  display: inline-block;\n  color: #0a1855;\n  width: 140px;\n  padding: 0;\n  font-size: 18px;\n  background: #fff;\n  margin: 20px 30px;\n  line-height: 42px;\n  user-select: none;\n  text-align: center;\n  border: none;\n  border-radius: 4px;\n}\n.btn:hover {\n  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);\n}\n.btn:active {\n  box-shadow: 0 0 50px rgba(255, 255, 255, 0.3),\n    inset 2px 2px 2px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0);\n}\n@media (max-width: 600px) {\n  .container {\n    padding-top: 30px !important;\n  }\n  .title {\n    font-size: 40px;\n  }\n  .intro {\n    font-size: 20px;\n  }\n  .btn {\n    width: 35%;\n    font-size: 16px;\n    line-height: 34px;\n    margin: 10px 0 10px 10%;\n  }\n  .btn-area {\n    width: 100%;\n  }\n}\n\n/* -- title -- */\n.header {\n  font-size: 16px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #e9e9e9;\n}\n\n/* -- body -- */\n.body {\n  padding-top: 15px;\n}\n\n/* -- button -- */\n.rodal-cancel-btn,\n.rodal-confirm-btn {\n  position: absolute;\n  font: inherit;\n  bottom: 16px;\n  width: 70px;\n  padding: 4px 15px;\n  border-radius: 3px;\n  transition: background 0.2s;\n  border: 1px solid #03a9f4;\n}\n.rodal-confirm-btn {\n  color: #fff;\n  right: 102px;\n  background: #03a9f4;\n}\n.rodal-confirm-btn:hover {\n  background: #0098e3;\n}\n.rodal-cancel-btn {\n  color: #03a9f4;\n  right: 16px;\n  background: #fff;\n}\n.rodal-cancel-btn:hover {\n  background: #fafafa;\n}\n.rodal-cancel-btn:focus,\n.rodal-confirm-btn:focus {\n  outline: none;\n}\n.rodal-confirm-btn:active {\n  background: #0087d2;\n}\n.rodal-cancel-btn:active {\n  background: #fafafa;\n  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px transparent;\n}\n",""]),e.exports=n},function(e,n,t){var r=t(2),a=t(18);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,n,t){(n=t(3)(!1)).push([e.i,"/* -- container -- */\n.rodal,\n.rodal-mask {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n}\n\n.rodal {\n  position: fixed;\n}\n\n/* -- mask -- */\n.rodal-mask {\n  position: absolute;\n  background: rgba(0, 0, 0, 0.3);\n}\n\n/* -- dialog -- */\n.rodal-dialog {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  margin: auto;\n  z-index: 101;\n  padding: 15px;\n  background: #fff;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.rodal-dialog:focus {\n  outline: none;\n}\n\n/* -- close button -- */\n.rodal-close {\n  position: absolute;\n  cursor: pointer;\n  top: 16px;\n  right: 16px;\n  width: 16px;\n  height: 16px;\n}\n\n.rodal-close:before,\n.rodal-close:after {\n  position: absolute;\n  content: '';\n  height: 2px;\n  width: 100%;\n  top: 50%;\n  left: 0;\n  margin-top: -1px;\n  background: #999;\n  border-radius: 100%;\n  -webkit-transition: background 0.2s;\n  transition: background 0.2s;\n}\n\n.rodal-close:before {\n  -webkit-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n\n.rodal-close:after {\n  -webkit-transform: rotate(-45deg);\n  transform: rotate(-45deg);\n}\n\n.rodal-close:hover:before,\n.rodal-close:hover:after {\n  background: #333;\n}\n\n/* -- fade -- */\n@-webkit-keyframes rodal-fade-enter {\n  from {\n    opacity: 0;\n  }\n}\n\n@keyframes rodal-fade-enter {\n  from {\n    opacity: 0;\n  }\n}\n\n.rodal-fade-enter {\n  -webkit-animation: rodal-fade-enter both ease-in;\n  animation: rodal-fade-enter both ease-in;\n}\n\n@-webkit-keyframes rodal-fade-leave {\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes rodal-fade-leave {\n  to {\n    opacity: 0;\n  }\n}\n\n.rodal-fade-leave {\n  -webkit-animation: rodal-fade-leave both ease-out;\n  animation: rodal-fade-leave both ease-out;\n}\n\n/* -- zoom -- */\n@-webkit-keyframes rodal-zoom-enter {\n  from {\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n@keyframes rodal-zoom-enter {\n  from {\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n.rodal-zoom-enter {\n  -webkit-animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);\n  animation: rodal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n@-webkit-keyframes rodal-zoom-leave {\n  to {\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n@keyframes rodal-zoom-leave {\n  to {\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n.rodal-zoom-leave {\n  -webkit-animation: rodal-zoom-leave both;\n  animation: rodal-zoom-leave both;\n}\n\n/* -- slideDown -- */\n@-webkit-keyframes rodal-slideDown-enter {\n  from {\n    -webkit-transform: translate3d(0, -100px, 0);\n    transform: translate3d(0, -100px, 0);\n  }\n}\n\n@keyframes rodal-slideDown-enter {\n  from {\n    -webkit-transform: translate3d(0, -100px, 0);\n    transform: translate3d(0, -100px, 0);\n  }\n}\n\n.rodal-slideDown-enter {\n  -webkit-animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);\n  animation: rodal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n@-webkit-keyframes rodal-slideDown-leave {\n  to {\n    -webkit-transform: translate3d(0, -100px, 0);\n    transform: translate3d(0, -100px, 0);\n  }\n}\n\n@keyframes rodal-slideDown-leave {\n  to {\n    -webkit-transform: translate3d(0, -100px, 0);\n    transform: translate3d(0, -100px, 0);\n  }\n}\n\n.rodal-slideDown-leave {\n  -webkit-animation: rodal-slideDown-leave both;\n  animation: rodal-slideDown-leave both;\n}\n\n/* -- slideLeft -- */\n@-webkit-keyframes rodal-slideLeft-enter {\n  from {\n    -webkit-transform: translate3d(-150px, 0, 0);\n    transform: translate3d(-150px, 0, 0);\n  }\n}\n\n@keyframes rodal-slideLeft-enter {\n  from {\n    -webkit-transform: translate3d(-150px, 0, 0);\n    transform: translate3d(-150px, 0, 0);\n  }\n}\n\n.rodal-slideLeft-enter {\n  -webkit-animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);\n  animation: rodal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n@-webkit-keyframes rodal-slideLeft-leave {\n  to {\n    -webkit-transform: translate3d(-150px, 0, 0);\n    transform: translate3d(-150px, 0, 0);\n  }\n}\n\n@keyframes rodal-slideLeft-leave {\n  to {\n    -webkit-transform: translate3d(-150px, 0, 0);\n    transform: translate3d(-150px, 0, 0);\n  }\n}\n\n.rodal-slideLeft-leave {\n  -webkit-animation: rodal-slideLeft-leave both;\n  animation: rodal-slideLeft-leave both;\n}\n\n/* -- slideRight -- */\n@-webkit-keyframes rodal-slideRight-enter {\n  from {\n    -webkit-transform: translate3d(150px, 0, 0);\n    transform: translate3d(150px, 0, 0);\n  }\n}\n\n@keyframes rodal-slideRight-enter {\n  from {\n    -webkit-transform: translate3d(150px, 0, 0);\n    transform: translate3d(150px, 0, 0);\n  }\n}\n\n.rodal-slideRight-enter {\n  -webkit-animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);\n  animation: rodal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n@-webkit-keyframes rodal-slideRight-leave {\n  to {\n    -webkit-transform: translate3d(150px, 0, 0);\n    transform: translate3d(150px, 0, 0);\n  }\n}\n\n@keyframes rodal-slideRight-leave {\n  to {\n    -webkit-transform: translate3d(150px, 0, 0);\n    transform: translate3d(150px, 0, 0);\n  }\n}\n\n.rodal-slideRight-leave {\n  -webkit-animation: rodal-slideRight-leave both;\n  animation: rodal-slideRight-leave both;\n}\n\n/* -- slideUp -- */\n@-webkit-keyframes rodal-slideUp-enter {\n  from {\n    -webkit-transform: translate3d(0, 100px, 0);\n    transform: translate3d(0, 100px, 0);\n  }\n}\n\n@keyframes rodal-slideUp-enter {\n  from {\n    -webkit-transform: translate3d(0, 100px, 0);\n    transform: translate3d(0, 100px, 0);\n  }\n}\n\n.rodal-slideUp-enter {\n  -webkit-animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);\n  animation: rodal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n@-webkit-keyframes rodal-slideUp-leave {\n  to {\n    -webkit-transform: translate3d(0, 100px, 0);\n    transform: translate3d(0, 100px, 0);\n  }\n}\n\n@keyframes rodal-slideUp-leave {\n  to {\n    -webkit-transform: translate3d(0, 100px, 0);\n    transform: translate3d(0, 100px, 0);\n  }\n}\n\n.rodal-slideUp-leave {\n  -webkit-animation: rodal-slideUp-leave both;\n  animation: rodal-slideUp-leave both;\n}\n\n/* -- flip -- */\n@-webkit-keyframes rodal-flip-enter {\n  from {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\n  }\n  70% {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n  }\n  to {\n    -webkit-transform: perspective(400px);\n    transform: perspective(400px);\n  }\n}\n\n@keyframes rodal-flip-enter {\n  from {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, 60deg);\n  }\n  70% {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n  }\n  to {\n    -webkit-transform: perspective(400px);\n    transform: perspective(400px);\n  }\n}\n\n.rodal-flip-enter {\n  -webkit-animation: rodal-flip-enter both ease-in;\n  animation: rodal-flip-enter both ease-in;\n  -webkit-backface-visibility: visible !important;\n  backface-visibility: visible !important;\n}\n\n@-webkit-keyframes rodal-flip-leave {\n  from {\n    -webkit-transform: perspective(400px);\n    transform: perspective(400px);\n  }\n  30% {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n  }\n  to {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\n  }\n}\n\n@keyframes rodal-flip-leave {\n  from {\n    -webkit-transform: perspective(400px);\n    transform: perspective(400px);\n  }\n  30% {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, -15deg);\n  }\n  to {\n    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\n    transform: perspective(400px) rotate3d(1, 0, 0, 45deg);\n  }\n}\n\n.rodal-flip-leave {\n  -webkit-animation: rodal-flip-leave both;\n  animation: rodal-flip-leave both;\n  -webkit-backface-visibility: visible !important;\n  backface-visibility: visible !important;\n}\n\n/* -- rotate -- */\n@-webkit-keyframes rodal-rotate-enter {\n  from {\n    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\n    transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n@keyframes rodal-rotate-enter {\n  from {\n    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\n    transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n.rodal-rotate-enter {\n  -webkit-animation: rodal-rotate-enter both;\n  animation: rodal-rotate-enter both;\n  -webkit-transform-origin: center;\n  transform-origin: center;\n}\n\n@-webkit-keyframes rodal-rotate-leave {\n  to {\n    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\n    transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n@keyframes rodal-rotate-leave {\n  to {\n    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\n    transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);\n  }\n}\n\n.rodal-rotate-leave {\n  -webkit-animation: rodal-rotate-leave both;\n  animation: rodal-rotate-leave both;\n  -webkit-transform-origin: center;\n  transform-origin: center;\n}\n\n/* -- door -- */\n@-webkit-keyframes rodal-door-enter {\n  from {\n    -webkit-transform: scale3d(0, 1, 1);\n    transform: scale3d(0, 1, 1);\n  }\n}\n\n@keyframes rodal-door-enter {\n  from {\n    -webkit-transform: scale3d(0, 1, 1);\n    transform: scale3d(0, 1, 1);\n  }\n}\n\n.rodal-door-enter {\n  -webkit-animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);\n  animation: rodal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);\n}\n\n@-webkit-keyframes rodal-door-leave {\n  60% {\n    -webkit-transform: scale3d(0.01, 1, 1);\n    transform: scale3d(0.01, 1, 1);\n  }\n  to {\n    -webkit-transform: scale3d(0, 1, 0.1);\n    transform: scale3d(0, 1, 0.1);\n  }\n}\n\n@keyframes rodal-door-leave {\n  60% {\n    -webkit-transform: scale3d(0.01, 1, 1);\n    transform: scale3d(0.01, 1, 1);\n  }\n  to {\n    -webkit-transform: scale3d(0, 1, 0.1);\n    transform: scale3d(0, 1, 0.1);\n  }\n}\n\n.rodal-door-leave {\n  -webkit-animation: rodal-door-leave both;\n  animation: rodal-door-leave both;\n}\n",""]),e.exports=n}]);
\ No newline at end of file
diff --git a/package.json b/package.json
index fd2e28c..07f400d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rodal",
-  "version": "1.8.2",
+  "version": "1.8.3",
   "description": "A React modal with animations.",
   "main": "lib/rodal.js",
   "module": "lib/rodal.esm.js",