@nutui/nutui-react 2.3.0 → 2.3.2

package/dist/esm/SearchBar/style/style.css

@@ -1 +1 @@
-.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>*{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>*:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>*{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>*:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}
+.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div,.nut-searchbar-left>span,.nut-searchbar-left>svg{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>div:last-child,.nut-searchbar-left>span:last-child,.nut-searchbar-left>svg:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div,.nut-searchbar-right>span,.nut-searchbar-right>svg{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>div:first-child,.nut-searchbar-right>span:first-child,.nut-searchbar-right>svg:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}

package/dist/esm/SearchBar.js

@@ -116,8 +116,8 @@ var SearchBar = function SearchBar2(props) {
     return React__default.createElement("div", {
       className: "".concat(classPrefix, "-left")
     }, backable ? React__default.createElement(ArrowLeft, {
-      width: "20",
-      height: "20"
+      width: "16",
+      height: "16"
     }) : left);
   };
   var renderRightIn = function renderRightIn2() {

package/dist/esm/ShortPassword/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}

package/dist/esm/SideNavBar/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:32%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}

package/dist/esm/Swiper.js

@@ -28,6 +28,8 @@ import classNames from "classnames";
 import { D as DataContext } from "./context4.js";
 import { g as getRect } from "./use-client-rect.js";
 import { I as Indicator } from "./indicator2.js";
+import { u as useTouch } from "./use-touch.js";
+import { r as requestAniFrame } from "./raf.js";
 import SwiperItem from "./SwiperItem.js";
 var defaultProps = {
   duration: 500,
@@ -42,10 +44,9 @@ var defaultProps = {
   center: false,
   className: ""
 };
-var DISTANCE = 5;
 var Swiper = React__default.forwardRef(function(props, ref) {
-  var propSwiper = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = propSwiper.children, direction = propSwiper.direction, className = propSwiper.className, onChange = propSwiper.onChange, defaultValue = propSwiper.defaultValue, indicator = propSwiper.indicator, touchable = propSwiper.touchable, preventDefault = propSwiper.preventDefault, stopPropagation = propSwiper.stopPropagation, autoPlay = propSwiper.autoPlay, center = propSwiper.center, rest = _objectWithoutProperties(propSwiper, _excluded);
+  var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var children = mergedProps.children, direction = mergedProps.direction, className = mergedProps.className, onChange = mergedProps.onChange, defaultValue = mergedProps.defaultValue, indicator = mergedProps.indicator, touchable = mergedProps.touchable, preventDefault = mergedProps.preventDefault, stopPropagation = mergedProps.stopPropagation, autoPlay = mergedProps.autoPlay, center = mergedProps.center, rest = _objectWithoutProperties(mergedProps, _excluded);
   var container = useRef(null);
   var innerRef = useRef(null);
   var swiperRef = useRef({
@@ -56,6 +57,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     offset: 0,
     size: 0
   });
+  var touch = useTouch();
   var isVertical = direction === "vertical";
   var _useState = useState(null), _useState2 = _slicedToArray(_useState, 2), rect = _useState2[0], setRect = _useState2[1];
   var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), active = _useState4[0], setActive = _useState4[1];
@@ -65,39 +67,28 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   var _useState11 = useState([]), _useState12 = _slicedToArray(_useState11, 2), childOffset = _useState12[0], setChildOffset = _useState12[1];
   var _useState13 = useState(false), _useState14 = _slicedToArray(_useState13, 2), ready = _useState14[0], setReady = _useState14[1];
   var size = isVertical ? height : width;
-  var _useState15 = useState({
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    stateDirection: "",
-    delta: 0,
-    touchTime: 0
-  }), _useState16 = _slicedToArray(_useState15, 1), touch = _useState16[0];
   var _useMemo = useMemo(function() {
-    var childCount2 = 0;
-    var childs2 = React__default.Children.map(props.children, function(child) {
+    var count = 0;
+    var swiperItems2 = React__default.Children.map(props.children, function(child) {
       if (!React__default.isValidElement(child))
         return null;
-      childCount2++;
+      count++;
       return child;
     });
     return {
-      childs: childs2,
-      childCount: childCount2
+      swiperItems: swiperItems2,
+      swiperItemCount: count
     };
-  }, [props.children]), childs = _useMemo.childs, childCount = _useMemo.childCount;
-  var trackSize = childCount * Number(size);
+  }, [props.children]), swiperItems = _useMemo.swiperItems, swiperItemCount = _useMemo.swiperItemCount;
+  var trackSize = swiperItemCount * Number(size);
   var parent = {
-    propSwiper,
+    propSwiper: mergedProps,
     size
   };
   var minOffset = function() {
     if (rect) {
       var base = isVertical ? rect.height : rect.width;
-      return base - Number(size) * childCount;
+      return base - Number(size) * swiperItemCount;
     }
     return 0;
   }();
@@ -106,69 +97,63 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     swiperRef.current.autoplayTimer = null;
   };
   var startPlay = function startPlay2() {
-    if (propSwiper.autoPlay <= 0 || childCount <= 1)
+    if (mergedProps.autoPlay <= 0 || swiperItemCount <= 1)
       return;
     stopAutoPlay();
     swiperRef.current.autoplayTimer = setTimeout(function() {
       next();
       startPlay2();
-    }, Number(propSwiper.autoPlay));
+    }, Number(mergedProps.autoPlay));
   };
   var resetPosition = function resetPosition2() {
     swiperRef.current.moving = true;
     if (active <= -1) {
       move({
-        pace: childCount
+        pace: swiperItemCount
       });
     }
-    if (active >= childCount) {
+    if (active >= swiperItemCount) {
       move({
-        pace: -childCount
+        pace: -swiperItemCount
       });
     }
   };
   var prev = function prev2() {
     resetPosition();
-    resetTouchDetails();
-    requestFrame(function() {
-      requestFrame(function() {
-        swiperRef.current.moving = false;
-        move({
-          pace: -1,
-          isEmit: true
-        });
+    touch.reset();
+    requestAniFrame(function() {
+      swiperRef.current.moving = false;
+      move({
+        pace: -1,
+        isEmit: true
       });
     });
   };
   var next = function next2() {
     resetPosition();
-    resetTouchDetails();
-    requestFrame(function() {
-      requestFrame(function() {
-        swiperRef.current.moving = false;
-        move({
-          pace: 1,
-          isEmit: true
-        });
+    touch.reset();
+    requestAniFrame(function() {
+      swiperRef.current.moving = false;
+      move({
+        pace: 1,
+        isEmit: true
       });
     });
   };
   var to = function to2(index) {
     resetPosition();
-    resetTouchDetails();
-    requestFrame(function() {
-      requestFrame(function() {
-        swiperRef.current.moving = false;
-        var targetIndex;
-        if (props.loop && childCount === index) {
-          targetIndex = active === 0 ? 0 : index;
-        } else {
-          targetIndex = index % childCount;
-        }
-        move({
-          pace: targetIndex - active,
-          isEmit: true
-        });
+    touch.reset();
+    requestAniFrame(function() {
+      swiperRef.current.moving = false;
+      var targetIndex;
+      if (props.loop && swiperItemCount === index) {
+        targetIndex = active === 0 ? 0 : index;
+      } else {
+        targetIndex = index % swiperItemCount;
+      }
+      move({
+        pace: targetIndex - active,
+        isEmit: true
       });
     });
   };
@@ -177,7 +162,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   };
   var move = function move2(_ref) {
     var _ref$pace = _ref.pace, pace = _ref$pace === void 0 ? 0 : _ref$pace, _ref$offset = _ref.offset, offset2 = _ref$offset === void 0 ? 0 : _ref$offset, _ref$isEmit = _ref.isEmit, isEmit = _ref$isEmit === void 0 ? false : _ref$isEmit, _ref$movingStatus = _ref.movingStatus, movingStatus = _ref$movingStatus === void 0 ? false : _ref$movingStatus;
-    if (childCount <= 1)
+    if (swiperItemCount <= 1)
       return;
     var targetActive = getActive(pace);
     var targetOffset = getOffset(targetActive, offset2);
@@ -186,27 +171,36 @@ var Swiper = React__default.forwardRef(function(props, ref) {
         var rightBound = targetOffset < minOffset;
         childOffset[0] = rightBound ? trackSize : 0;
       }
-      if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
+      if (Array.isArray(children) && children[swiperItemCount - 1] && targetOffset !== 0) {
         var leftBound = targetOffset > 0;
-        childOffset[childCount - 1] = leftBound ? -trackSize : 0;
+        childOffset[swiperItemCount - 1] = leftBound ? -trackSize : 0;
       }
       setChildOffset(childOffset);
     }
     if (isEmit && active !== targetActive) {
-      props.onChange && props.onChange((targetActive + childCount) % childCount);
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, (targetActive + swiperItemCount) % swiperItemCount);
     }
     active = targetActive;
     setActive(targetActive);
     setOffset(targetOffset);
     getStyle(targetOffset);
   };
+  React__default.useImperativeHandle(ref, function() {
+    return {
+      to,
+      next,
+      prev,
+      resize
+    };
+  });
   var getActive = function getActive2(pace) {
     if (pace) {
       var _active = active + pace;
       if (props.loop) {
-        return range(_active, -1, childCount);
+        return range(_active, -1, swiperItemCount);
       }
-      return range(_active, 0, childCount - 1);
+      return range(_active, 0, swiperItemCount - 1);
     }
     return active;
   };
@@ -222,45 +216,9 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
     return targetOffset;
   };
-  var requestFrame = function requestFrame2(fn) {
-    window.requestAnimationFrame.call(window, fn);
-  };
   var range = function range2(num, min, max) {
     return Math.min(Math.max(num, min), max);
   };
-  var getDirection = function getDirection2(x, y) {
-    if (x > y && x > DISTANCE)
-      return "horizontal";
-    if (y > x && y > DISTANCE)
-      return "vertical";
-    return "";
-  };
-  var resetTouchDetails = function resetTouchDetails2() {
-    touch.startX = 0;
-    touch.startY = 0;
-    touch.deltaX = 0;
-    touch.deltaY = 0;
-    touch.offsetX = 0;
-    touch.offsetY = 0;
-    touch.delta = 0;
-    touch.stateDirection = "";
-    touch.touchTime = 0;
-  };
-  var touchStart = function touchStart2(e) {
-    resetTouchDetails();
-    touch.startX = e.touches[0].clientX;
-    touch.startY = e.touches[0].clientY;
-  };
-  var handleTouchMove = function handleTouchMove2(e) {
-    touch.deltaX = e.touches[0].clientX - touch.startX;
-    touch.deltaY = e.touches[0].clientY - touch.startY;
-    touch.offsetX = Math.abs(touch.deltaX);
-    touch.offsetY = Math.abs(touch.deltaY);
-    touch.delta = isVertical ? touch.deltaY : touch.deltaX;
-    if (!touch.stateDirection) {
-      touch.stateDirection = getDirection(touch.offsetX, touch.offsetY);
-    }
-  };
   var classPrefix = "nut-swiper";
   var contentClass = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-inner"), true), "".concat(classPrefix, "-vertical"), isVertical));
   var getStyle = function getStyle2() {
@@ -272,18 +230,17 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     } else {
       var _size = isVertical ? height : width;
       var val = isVertical ? rect.height - _size : rect.width - _size;
-      _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
+      _offset = moveOffset + (active === swiperItemCount - 1 && !props.loop ? -val / 2 : val / 2);
     }
     target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : props.duration, "ms");
-    target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * childCount, "px");
+    target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * swiperItemCount, "px");
     target.style[isVertical ? "width" : "height"] = "".concat(isVertical ? width : height, "px");
     target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
   };
   var onTouchStart = function onTouchStart2(e) {
     if (!props.touchable)
       return;
-    touchStart(e);
-    touch.touchTime = Date.now();
+    touch.start(e);
     stopAutoPlay();
     resetPosition();
   };
@@ -293,10 +250,10 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     if (props.stopPropagation)
       e.stopPropagation();
     if (props.touchable && swiperRef.current.moving) {
-      handleTouchMove(e);
-      if (touch.stateDirection === props.direction) {
+      touch.move(e);
+      if (touch.direction.current === props.direction) {
         move({
-          offset: touch.delta
+          offset: touch.delta.current
         });
       }
     }
@@ -304,26 +261,24 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   var onTouchEnd = function onTouchEnd2(e) {
     if (!props.touchable || !swiperRef.current.moving)
       return;
-    var speed = touch.delta / (Date.now() - touch.touchTime);
-    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta) > Number((size / 2).toFixed(2));
-    var pace = 0;
+    var speed = touch.delta.current / (Date.now() - touch.touchTime.current);
+    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta.current) > Number((size / 2).toFixed(2));
     swiperRef.current.moving = false;
-    if (isShouldMove && touch.stateDirection === props.direction) {
-      var offset2 = isVertical ? touch.offsetY : touch.offsetX;
+    if (isShouldMove && touch.direction.current === props.direction) {
+      var pace = 0;
+      var offset2 = touch.isVertical() ? touch.offsetY : touch.offsetX;
       if (props.loop) {
-        if (offset2 > 0) {
-          pace = touch.delta > 0 ? -1 : 1;
-        } else {
-          pace = 0;
+        if (offset2.current > 0) {
+          pace = touch.delta.current > 0 ? -1 : 1;
         }
       } else {
-        pace = -Math[touch.delta > 0 ? "ceil" : "floor"](touch.delta / size);
+        pace = -Math[touch.delta.current > 0 ? "ceil" : "floor"](touch.delta.current / size);
       }
       move({
         pace,
         isEmit: true
       });
-    } else if (touch.delta) {
+    } else if (touch.delta.current) {
       move({
         pace: 0
       });
@@ -332,17 +287,24 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
     startPlay();
   };
-  useEffect(function() {
-    swiperRef.current.activeIndicator = (active + childCount) % childCount;
-  }, [active]);
-  var init = function init2() {
-    var active2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +propSwiper.defaultValue;
+  var getItemStyle = function getItemStyle2(index) {
+    var style = {};
+    if (size) {
+      style[direction === "horizontal" ? "width" : "height"] = "".concat(size, "px");
+    }
+    var offset2 = childOffset[index];
+    if (offset2) {
+      style.transform = "translate3D".concat(direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
+    }
+    return style;
+  };
+  var init = function init2(index) {
     var rect2 = getRect(container === null || container === void 0 ? void 0 : container.current);
-    var currentIndex = Math.max(Math.min(childCount - 1, active2), 0);
-    var width2 = +propSwiper.width || rect2.width;
-    var height2 = +propSwiper.height || rect2.height;
+    var currentIndex = Math.max(Math.min(swiperItemCount - 1, index || Number(mergedProps.defaultValue)), 0);
+    var width2 = Number(mergedProps.width) || rect2.width;
+    var height2 = Number(mergedProps.height) || rect2.height;
     size = isVertical ? height2 : width2;
-    trackSize = childCount * Number(size);
+    trackSize = swiperItemCount * Number(size);
     var targetOffset = getOffset(currentIndex);
     swiperRef.current.moving = true;
     if (ready) {
@@ -374,56 +336,47 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     startPlay();
   }, [children]);
   useEffect(function() {
-    return init();
-  }, [propSwiper.defaultValue]);
-  useEffect(function() {
-    var target = container.current;
-    target.addEventListener("touchstart", onTouchStart, false);
-    target.addEventListener("touchmove", onTouchMove, false);
-    target.addEventListener("touchend", onTouchEnd, false);
+    var events = [{
+      name: "touchstart",
+      e: onTouchStart
+    }, {
+      name: "touchmove",
+      e: onTouchMove
+    }, {
+      name: "touchend",
+      e: onTouchEnd
+    }];
+    events.forEach(function(item) {
+      var _container$current;
+      (_container$current = container.current) === null || _container$current === void 0 || _container$current.addEventListener(item.name, item.e, false);
+    });
     return function() {
-      target.removeEventListener("touchstart", onTouchStart, false);
-      target.removeEventListener("touchmove", onTouchMove, false);
-      target.removeEventListener("touchend", onTouchEnd, false);
+      events.forEach(function(item) {
+        var _container$current2;
+        (_container$current2 = container.current) === null || _container$current2 === void 0 || _container$current2.removeEventListener(item.name, item.e, false);
+      });
     };
   });
+  useEffect(function() {
+    return init();
+  }, [props.defaultValue]);
   useEffect(function() {
     return function() {
       return stopAutoPlay();
     };
   }, []);
-  var getItemStyle = function getItemStyle2(index) {
-    var style = {};
-    if (size) {
-      style[direction === "horizontal" ? "width" : "height"] = "".concat(size, "px");
-    }
-    var offset2 = childOffset[index];
-    if (offset2) {
-      style.transform = "translate3D".concat(direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
-    }
-    return style;
-  };
-  React__default.useImperativeHandle(ref, function() {
-    return {
-      to,
-      next,
-      prev,
-      resize
-    };
-  });
   var renderIndicator = function renderIndicator2() {
     if (React__default.isValidElement(indicator))
       return indicator;
-    if (indicator === true) {
-      return React__default.createElement("div", {
-        className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-indicator"), true), "".concat(classPrefix, "-indicator-vertical"), isVertical))
-      }, React__default.createElement(Indicator, {
-        current: (active + childCount) % childCount,
-        total: childs === null || childs === void 0 ? void 0 : childs.length,
-        direction
-      }));
-    }
-    return null;
+    if (!indicator)
+      return null;
+    return React__default.createElement("div", {
+      className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-indicator"), true), "".concat(classPrefix, "-indicator-vertical"), isVertical))
+    }, React__default.createElement(Indicator, {
+      current: (active + swiperItemCount) % swiperItemCount,
+      total: swiperItems === null || swiperItems === void 0 ? void 0 : swiperItems.length,
+      direction
+    }));
   };
   return React__default.createElement(DataContext.Provider, {
     value: parent
@@ -433,7 +386,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   }, rest), React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
-  }, React__default.Children.map(childs, function(child, index) {
+  }, React__default.Children.map(swiperItems, function(child, index) {
     return React__default.createElement("div", {
       className: "".concat(classPrefix, "-item-wrapper"),
       style: getItemStyle(index),

package/dist/esm/Tabs/style/style.css

@@ -1 +1 @@
-.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:0 16px;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-gray-7, #1a1a1a);text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles-scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}
+.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:0 16px;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-gray-7, #1a1a1a);text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles-scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-6px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}