@nutui/nutui-react 2.0.9 → 2.0.10

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# v2.0.10
+`2023-08-04`
+
+* :sparkles: feat: loading 组件 (#1204) @mike8625
+* :sparkles: feat: 日历支持footer的children定义，增加日历+datepicker的demo (#1277) @xiaoyatong
+* :bug: fix: elevator 计算索引出现 -1，导致组件运行报错 (#1276) @oasis-cloud
+* :bug: fix: loading 组件导出 props 类型 (#1278) @oasis-cloud
+
+
 # v2.0.9
 `2023-08-02`
 

package/dist/esm/Calendar/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-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}@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;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.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.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.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.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-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n+0),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, .09));color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;height:62px;width:100%;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;width:100%;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}@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;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.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.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.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.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-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n+0),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, .09));color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;width:100%;flex-direction:column;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}

package/dist/esm/Calendar.js

@@ -61,7 +61,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Calendar = React__default.forwardRef(function(props, ref) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, type = _defaultProps$props.type, autoBackfill = _defaultProps$props.autoBackfill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, scrollAnimation = _defaultProps$props.scrollAnimation, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, disableDate2 = _defaultProps$props.disableDate, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onClose2 = _defaultProps$props.onClose, onConfirm2 = _defaultProps$props.onConfirm, onDayClick2 = _defaultProps$props.onDayClick, onPageChange2 = _defaultProps$props.onPageChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, children = _defaultProps$props.children, popup = _defaultProps$props.popup, visible = _defaultProps$props.visible, type = _defaultProps$props.type, autoBackfill = _defaultProps$props.autoBackfill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, scrollAnimation = _defaultProps$props.scrollAnimation, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, disableDate2 = _defaultProps$props.disableDate, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onClose2 = _defaultProps$props.onClose, onConfirm2 = _defaultProps$props.onConfirm, onDayClick2 = _defaultProps$props.onDayClick, onPageChange2 = _defaultProps$props.onPageChange;
   var calendarRef = useRef(null);
   var close = function close2() {
     onClose2 && onClose2();
@@ -93,6 +93,7 @@ var Calendar = React__default.forwardRef(function(props, ref) {
       ref: calendarRef,
       style,
       className,
+      children,
       type,
       autoBackfill,
       popup,

package/dist/esm/CalendarItem.js

@@ -91,7 +91,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var CalendarItem = React__default.forwardRef(function(props, ref) {
   var _classNames, _classNames2;
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, popup = _defaultProps$props.popup, type = _defaultProps$props.type, autoBackfill = _defaultProps$props.autoBackfill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, scrollAnimation = _defaultProps$props.scrollAnimation, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, disableDate2 = _defaultProps$props.disableDate, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onConfirm2 = _defaultProps$props.onConfirm, onUpdate2 = _defaultProps$props.onUpdate, onDayClick2 = _defaultProps$props.onDayClick, onPageChange2 = _defaultProps$props.onPageChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, children = _defaultProps$props.children, popup = _defaultProps$props.popup, type = _defaultProps$props.type, autoBackfill = _defaultProps$props.autoBackfill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, scrollAnimation = _defaultProps$props.scrollAnimation, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, disableDate2 = _defaultProps$props.disableDate, renderHeaderButtons = _defaultProps$props.renderHeaderButtons, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onConfirm2 = _defaultProps$props.onConfirm, onUpdate2 = _defaultProps$props.onUpdate, onDayClick2 = _defaultProps$props.onDayClick, onPageChange2 = _defaultProps$props.onPageChange;
   var weekdays = locale.calendaritem.weekdays;
   var weeks = [].concat(_toConsumableArray(weekdays.slice(firstDayOfWeek, 7)), _toConsumableArray(weekdays.slice(0, firstDayOfWeek)));
   var monthTitle = locale.calendaritem.monthTitle;
@@ -602,7 +602,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
   var renderFooter = function renderFooter2() {
     return React__default.createElement("div", {
       className: "nut-calendar-footer"
-    }, React__default.createElement("div", {
+    }, children, React__default.createElement("div", {
       className: "calendar-confirm-btn",
       onClick: confirm
     }, confirmText || locale.confirm));

package/dist/esm/Elevator.js

@@ -88,7 +88,7 @@ var Elevator = function Elevator2(props) {
       cacheIndex = 0;
     }
     if (index > state.current.listHeight.length - 2) {
-      cacheIndex = state.current.listHeight.length - 2;
+      cacheIndex = Math.max(0, state.current.listHeight.length - 2);
     }
     setCodeIndex(cacheIndex);
     if (listview.current) {

package/dist/esm/Loading/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Loading/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/loading/loading.scss'

package/dist/esm/Loading/style/style.css

@@ -0,0 +1 @@
+.nut-loading{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.nut-loading.nut-loading-vertical{flex-direction:column}.nut-loading .nut-loading-icon-box{display:inline-block;font-size:0;line-height:0;animation:nut-loading-rotation 1s infinite linear}.nut-loading .nut-loading-icon-box .nut-loading-icon{color:var(--nutui-loading-icon-color, #9ea9af);width:var(--nutui-loading-icon-size, 32px);height:var(--nutui-loading-icon-size, 32px);font-size:var(--nutui-loading-icon-size, 32px)}.nut-loading .nut-loading-text{padding:4px;color:var(--nutui-loading-text-color, #9ea9af);font-size:var(--nutui-loading-text-size, 14px)}@keyframes nut-loading-rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

package/dist/esm/Loading.js

@@ -0,0 +1,57 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "children", "direction", "icon"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default from "react";
+import classNames from "classnames";
+import { Loading1, Loading as Loading$1 } from "@nutui/icons-react";
+import { C as ComponentDefaults } from "./typings.js";
+var loadingMap = {
+  circular: Loading1,
+  spinner: Loading$1
+};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  // 对比一下,个人感觉还是Loading1比较好看一些,所以用它作为了默认的loading图标
+  type: "circular",
+  direction: "horizontal"
+});
+var Loading = function Loading2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, direction = _defaultProps$props.direction, icon = _defaultProps$props.icon, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-loading";
+  var CurLoadingIcon = loadingMap[rest.type] || Loading1;
+  return React__default.createElement("div", {
+    className: classNames(classPrefix, className, direction === "vertical" ? "".concat(classPrefix, "-vertical") : ""),
+    style
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "-icon-box")
+  }, icon || React__default.createElement(CurLoadingIcon, {
+    className: "".concat(classPrefix, "-icon")
+  })), children ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text")
+  }, children) : "");
+};
+Loading.defaultProps = defaultProps;
+Loading.displayName = "NutLoading";
+export {
+  Loading as default
+};

package/dist/esm/nutui-react.es.js

@@ -54,75 +54,76 @@ import { default as default54 } from "./Dialog.js";
 import { default as default55 } from "./Drag.js";
 import { default as default56 } from "./Empty.js";
 import { default as default57 } from "./InfiniteLoading.js";
-import { default as default58 } from "./NoticeBar.js";
-import { default as default59 } from "./Notify.js";
-import { default as default60 } from "./Popover.js";
-import { default as default61 } from "./Popup.js";
-import { default as default62 } from "./PullToRefresh.js";
-import { default as default63 } from "./Skeleton.js";
-import { default as default64 } from "./Swipe.js";
-import { default as default65 } from "./Toast.js";
-import { default as default66 } from "./Animate.js";
-import { default as default67 } from "./AnimatingNumbers.js";
-import { default as default68 } from "./Audio.js";
-import { default as default69 } from "./Avatar.js";
-import { default as default70 } from "./AvatarGroup.js";
-import { default as default71 } from "./CircleProgress.js";
-import { default as default72 } from "./Collapse.js";
-import { default as default73 } from "./CollapseItem.js";
-import { default as default74 } from "./CountDown.js";
-import { default as default75 } from "./Ellipsis.js";
-import { default as default76 } from "./ImagePreview.js";
-import { default as default77 } from "./Indicator.js";
-import { default as default78 } from "./Pagination.js";
-import { default as default79 } from "./Price.js";
-import { default as default80 } from "./Progress.js";
-import { default as default81 } from "./Step.js";
-import { default as default82 } from "./Steps.js";
-import { default as default83 } from "./Swiper.js";
-import { default as default84 } from "./SwiperItem.js";
-import { default as default85 } from "./Table.js";
-import { default as default86 } from "./Tag.js";
-import { default as default87 } from "./Video.js";
-import { default as default88 } from "./VirtualList.js";
-import { default as default89 } from "./Barrage.js";
-import { default as default90 } from "./Card.js";
-import { default as default91 } from "./TimeDetail.js";
-import { default as default92 } from "./TimeSelect.js";
-import { default as default93 } from "./TrendArrow.js";
-import { default as default94 } from "./WaterMark.js";
+import { default as default58 } from "./Loading.js";
+import { default as default59 } from "./NoticeBar.js";
+import { default as default60 } from "./Notify.js";
+import { default as default61 } from "./Popover.js";
+import { default as default62 } from "./Popup.js";
+import { default as default63 } from "./PullToRefresh.js";
+import { default as default64 } from "./Skeleton.js";
+import { default as default65 } from "./Swipe.js";
+import { default as default66 } from "./Toast.js";
+import { default as default67 } from "./Animate.js";
+import { default as default68 } from "./AnimatingNumbers.js";
+import { default as default69 } from "./Audio.js";
+import { default as default70 } from "./Avatar.js";
+import { default as default71 } from "./AvatarGroup.js";
+import { default as default72 } from "./CircleProgress.js";
+import { default as default73 } from "./Collapse.js";
+import { default as default74 } from "./CollapseItem.js";
+import { default as default75 } from "./CountDown.js";
+import { default as default76 } from "./Ellipsis.js";
+import { default as default77 } from "./ImagePreview.js";
+import { default as default78 } from "./Indicator.js";
+import { default as default79 } from "./Pagination.js";
+import { default as default80 } from "./Price.js";
+import { default as default81 } from "./Progress.js";
+import { default as default82 } from "./Step.js";
+import { default as default83 } from "./Steps.js";
+import { default as default84 } from "./Swiper.js";
+import { default as default85 } from "./SwiperItem.js";
+import { default as default86 } from "./Table.js";
+import { default as default87 } from "./Tag.js";
+import { default as default88 } from "./Video.js";
+import { default as default89 } from "./VirtualList.js";
+import { default as default90 } from "./Barrage.js";
+import { default as default91 } from "./Card.js";
+import { default as default92 } from "./TimeDetail.js";
+import { default as default93 } from "./TimeSelect.js";
+import { default as default94 } from "./TrendArrow.js";
+import { default as default95 } from "./WaterMark.js";
 export {
   default52 as ActionSheet,
   default27 as Address,
-  default66 as Animate,
-  default67 as AnimatingNumbers,
-  default68 as Audio,
-  default69 as Avatar,
-  default70 as AvatarGroup,
+  default67 as Animate,
+  default68 as AnimatingNumbers,
+  default69 as Audio,
+  default70 as Avatar,
+  default71 as AvatarGroup,
   default16 as BackTop,
   default53 as Badge,
-  default89 as Barrage,
+  default90 as Barrage,
   default2 as Button,
   default28 as Calendar,
   default29 as CalendarItem,
-  default90 as Card,
+  default91 as Card,
   default30 as Cascader,
   default3 as Cell,
   default4 as CellGroup,
   default31 as Checkbox,
   default32 as CheckboxGroup,
-  default71 as CircleProgress,
+  default72 as CircleProgress,
   default8 as Col,
-  default72 as Collapse,
-  default73 as CollapseItem,
+  default73 as Collapse,
+  default74 as CollapseItem,
   default5 as ConfigProvider,
-  default74 as CountDown,
+  default75 as CountDown,
   default33 as DatePicker,
   default54 as Dialog,
   default9 as Divider,
   default55 as Drag,
   default17 as Elevator,
-  default75 as Ellipsis,
+  default76 as Ellipsis,
   default56 as Empty,
   default18 as FixedNav,
   default34 as Form,
@@ -130,26 +131,27 @@ export {
   default10 as Grid,
   default11 as GridItem,
   default6 as Image,
-  default76 as ImagePreview,
-  default77 as Indicator,
+  default77 as ImagePreview,
+  default78 as Indicator,
   default57 as InfiniteLoading,
   default36 as Input,
   default37 as InputNumber,
   default12 as Layout,
+  default58 as Loading,
   default38 as Menu,
   default39 as MenuItem,
   default19 as NavBar,
-  default58 as NoticeBar,
-  default59 as Notify,
+  default59 as NoticeBar,
+  default60 as Notify,
   default40 as NumberKeyboard,
   default7 as Overlay,
-  default78 as Pagination,
+  default79 as Pagination,
   default41 as Picker,
-  default60 as Popover,
-  default61 as Popup,
-  default79 as Price,
-  default80 as Progress,
-  default62 as PullToRefresh,
+  default61 as Popover,
+  default62 as Popup,
+  default80 as Price,
+  default81 as Progress,
+  default63 as PullToRefresh,
   default42 as Radio,
   default43 as RadioGroup,
   default44 as Range,
@@ -160,29 +162,29 @@ export {
   default20 as SideNavBar,
   default21 as SideNavBarItem,
   default48 as Signature,
-  default63 as Skeleton,
+  default64 as Skeleton,
   default14 as Space,
-  default81 as Step,
-  default82 as Steps,
+  default82 as Step,
+  default83 as Steps,
   default15 as Sticky,
   default22 as SubSideNavBar,
-  default64 as Swipe,
-  default83 as Swiper,
-  default84 as SwiperItem,
+  default65 as Swipe,
+  default84 as Swiper,
+  default85 as SwiperItem,
   default49 as Switch,
   default25 as TabPane,
   default23 as Tabbar,
   default24 as TabbarItem,
-  default85 as Table,
+  default86 as Table,
   default26 as Tabs,
-  default86 as Tag,
+  default87 as Tag,
   default50 as TextArea,
-  default91 as TimeDetail,
-  default92 as TimeSelect,
-  default65 as Toast,
-  default93 as TrendArrow,
+  default92 as TimeDetail,
+  default93 as TimeSelect,
+  default66 as Toast,
+  default94 as TrendArrow,
   default51 as Uploader,
-  default87 as Video,
-  default88 as VirtualList,
-  default94 as WaterMark
+  default88 as Video,
+  default89 as VirtualList,
+  default95 as WaterMark
 };

package/dist/esm/types/src/packages/configprovider/types.d.ts

@@ -1 +1 @@
-export type NutCSSVariables = 'nutuiBrandColor' | 'nutuiBrandColorStart' | 'nutuiBrandColorEnd' | 'nutuiBrandLinkColor' | 'nutuiBrandTextColor' | 'nutuiBrandInfoColor' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiGray2' | 'nutuiGray3' | 'nutuiGray4' | 'nutuiGray5' | 'nutuiGray6' | 'nutuiGray7' | 'nutuiGray8' | 'nutuiGray9' | 'nutuiGray10' | 'nutuiFontSize0' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiPaddingXs' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonDefaultBgColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultColor' | 'nutuiButtonPlainColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonMiniPadding' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniHeight' | 'nutuiButtonDefaultHeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargeLineHeight' | 'nutuiButtonSmallLineHeight' | 'nutuiButtonBlockHeight' | 'nutuiButtonDefaultLineHeight' | 'nutuiButtonBlockLineHeight' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonLargeFontSize' | 'nutuiButtonSmallFontSize' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniLineHeight' | 'nutuiButtonTextIconMarginLeft' | 'nutuiButtonTextIconLargeMarginLeft' | 'nutuiButtonTextIconSmallMarginLeft' | 'nutuiButtonTextIconMiniMarginLeft' | 'nutuiButtonDisabledOpacity' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerBeforeMarginRight' | 'nutuiDividerAfterMarginLeft' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalBorderLeft' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderPictureWidth' | 'nutuiUploaderPictureHeight' | 'nutuiUploaderPictureBorder' | 'nutuiUploaderPictureBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderPictureIconOpacity' | 'nutuiUploaderPictureIconOpacityDisabled' | 'nutuiUploaderPictureIconMarginBottom' | 'nutuiUploaderPictureIconTipFontSize' | 'nutuiUploaderPictureIconTipColor' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerCancelColor' | 'nutuiPickerOkColor' | 'nutuiPickerBarCancelFontSize' | 'nutuiPickerBarOkFontSize' | 'nutuiPickerBarButtonPadding' | 'nutuiPickerBarTitleFontSize' | 'nutuiPickerBarTitleColor' | 'nutuiPickerBarTitleFontWeight' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemActiveTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconVoidColor' | 'nutuiInputnumberIconDisabledColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberBorder' | 'nutuiInputnumberBorderRadius' | 'nutuiInputnumberHeight' | 'nutuiInputnumberLineHeight' | 'nutuiInputnumberBorderBox' | 'nutuiInputnumberDisplay' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardWidth' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardHeaderHeight' | 'nutuiNumberkeyboardHeaderPadding' | 'nutuiNumberkeyboardHeaderColor' | 'nutuiNumberkeyboardHeaderFontSize' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastCoverBgColor' | 'nutuiToastInnerTop' | 'nutuiToastInnerTextAlign' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarChooseDisableColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarDay67Color' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiOverlayBgColor' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupCloseIconMargin' | 'nutuiPopupBorderRadius' | 'nutuiPopupCloseIconColor' | 'nutuiPopupCloseIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupTitleLineHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyLineHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconVoidColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiInfiniteloadingBottomColor' | 'nutuiRangeFontColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiSwiperIndicatorItemBackgroundColor' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogHeaderColor' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogMinHeight' | 'nutuiDialogPadding' | 'nutuiDialogHeaderHeight' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogOverlayZIndex' | 'nutuiDialogOverlayBackgroundColor' | 'nutuiDialogOuterZIndex' | 'nutuiDialogOuterBorderRadius' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxIconDisableColor2' | 'nutuiRadioLabelFontColor' | 'nutuiRadioLabelFontActiveColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioIconDisableColor' | 'nutuiRadioLabelButtonBorderColor' | 'nutuiRadioLabelButtonBackground' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioLabelFontSize' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioIconDisableColor2' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiRadioButtonDisabledActiveBackground' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadioButtonDisabledActiveBorderColor' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBgColor' | 'nutuiFixednavFontColor' | 'nutuiFixednavIndex' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarHeight' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarLefticonMargin' | 'nutuiNoticebarRighticonMargin' | 'nutuiTimeselectTitleHeight' | 'nutuiTimeselectTitleLineHeight' | 'nutuiTimeselectTitleColor' | 'nutuiTimeselectTitleFontSize' | 'nutuiTimeselectTitleBackground' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateLineHeight' | 'nutuiTimeselectDateColor' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectDateFontSize' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeLineHeight' | 'nutuiTimeselectFontSize' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeColor' | 'nutuiTimeselectTimeActiveColor' | 'nutuiTimeselectTimeBackground' | 'nutuiTimeselectTimeActiveBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverMenuItemHeight' | 'nutuiPopoverMenuItemHoverBackgroundColor' | 'nutuiPopoverMenuItemHoverTextColor' | 'nutuiPopoverMenuItemBorderWidth' | 'nutuiPopoverMenuItemBorderHeight' | 'nutuiPopoverMenuItemBorderLeft' | 'nutuiPopoverMenuItemBorderBottom' | 'nutuiPopoverWhiteBackgroundColor' | 'nutuiPopoverDarkBackgroundColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverBorderBottomColor' | 'nutuiPopoverPrimaryTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemMargin' | 'nutuiPopoverMenuNameLineHeight' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiDarkPaginationActiveBackgroundColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiTabsTabSmileColor' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesBorderRadius' | 'nutuiTabsTitleGap' | 'nutuiTabsTitlesItemFontSize' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsHorizontalTabLineColor' | 'nutuiTabsHorizontalLineBottom' | 'nutuiTabsHorizontalLineBorderRadius' | 'nutuiTabsHorizontalTabLineOpacity' | 'nutuiTabsHorizontalTitlesHeight' | 'nutuiTabsHorizontalTitlesItemMinWidth' | 'nutuiTabsHorizontalTitlesItemActiveBackgroundColor' | 'nutuiTabsHorizontalTitlesItemActiveLineWidth' | 'nutuiTabsHorizontalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTitlesItemActiveLineWidth' | 'nutuiTabsVerticalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderSize' | 'nutuiIndicatorDotMargin' | 'nutuiIndicatorDotVerticalMargin' | 'nutuiMenuBarLineHeight' | 'nutuiMenuPlaceholderTop' | 'nutuiMenuItemFontSize' | 'nutuiMenuItemTextColor' | 'nutuiMenuItemActiveTextColor' | 'nutuiMenuBarBorderBottomColor' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuTitleTextPaddingLeft' | 'nutuiMenuTitleTextPaddingRight' | 'nutuiMenuItemContentPadding' | 'nutuiMenuItemContentMaxHeight' | 'nutuiMenuItemOptionPaddingTop' | 'nutuiMenuItemOptionPaddingBottom' | 'nutuiMenuItemOptionIMarginRight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuActiveItemFontWeight' | 'nutuiMenuItemContentBgColor' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarPadding' | 'nutuiSearchbarWidth' | 'nutuiSearchbarLeftFontsize' | 'nutuiSearchbarLeftPadding' | 'nutuiSearchbarLeftColor' | 'nutuiSearchbarRightFontsize' | 'nutuiSearchbarRightPadding' | 'nutuiSearchbarRightColor' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputBackground' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputWidth' | 'nutuiSearchbarInputTextAlign' | 'nutuiSearchbarInputBorderRadius' | 'nutuiSearchbarClearIconPadding' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionColor' | 'nutuiEmptyDescriptionFontSize' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiEmptyDescriptionPadding' | 'nutuiCascaderFontSize' | 'nutuiCascaderLineHeight' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiSkuItemBorder' | 'nutuiSkuItemDisableLine' | 'nutuiSkuItemActiveBg' | 'nutuiSkuSpecHeight' | 'nutuiSkuSpecLineHeight' | 'nutuiSkuSpecFontSize' | 'nutuiSkuSpecBackground' | 'nutuiSkuSpecColor' | 'nutuiSkuSpecMarginRight' | 'nutuiSkuSpecPadding' | 'nutuiSkuSpecTitleFontWeight' | 'nutuiSkuSpecTitleFontSize' | 'nutuiSkuSpecTitleColor' | 'nutuiSkuSpecTitleMarginBottom' | 'nutuiSkuOperateBtnHeight' | 'nutuiSkuOperateBtnBorderTop' | 'nutuiSkuOperateBtnItemHeight' | 'nutuiSkuOperateBtnItemFontSize' | 'nutuiSkuOperateBtnItemFontWeight' | 'nutuiSkuProductImgWidth' | 'nutuiSkuProductImgHeight' | 'nutuiSkuProductImgBorderRadius' | 'nutuiCardFontSize0' | 'nutuiCardLeftBorderRadius' | 'nutuiCardLeftBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarPadding' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarHeadBgColor' | 'nutuiSidenavbarHeadPadding' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListInnerBgColor' | 'nutuiElevatorListItemHighcolor' | 'nutuiElevatorListItemFontSize' | 'nutuiElevatorListItemFontColor' | 'nutuiElevatorListItemNamePadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeFontColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodePadding' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBorderBottomColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentPosition' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTransform' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorListItemBarsPosition' | 'nutuiElevatorListItemBarsRight' | 'nutuiElevatorListItemBarsTop' | 'nutuiElevatorListItemBarsTransform' | 'nutuiElevatorListItemBarsPadding' | 'nutuiElevatorListItemBarsBackgroundColor' | 'nutuiElevatorListItemBarsBorderRadius' | 'nutuiElevatorListItemBarsTextAlign' | 'nutuiElevatorListItemBarsZIndex' | 'nutuiElevatorListItemBarsInnerItemPadding' | 'nutuiElevatorListItemBarsInnerItemFontSize' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiElevatorListItemBarsInnerItemActiveColor' | 'nutuiListItemMargin' | 'nutuiEcardBgColor' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCategoryBgColor' | 'nutuiCategoryListLeftBgColor' | 'nutuiCategoryListItemColor' | 'nutuiCategoryListItemCheckedColor' | 'nutuiCategoryListItemCheckedImgBgColor' | 'nutuiCategoryPaneGrayColor' | 'nutuiCategoryPaneBorderColor' | 'nutuiCategoryPaneTitleColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiCommentHeaderUserNameColor' | 'nutuiCommentHeaderTimeColor' | 'nutuiCommentBottomLabelColor' | 'nutuiCommentShopColor' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiInvoicePadding' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRaduis' | 'nutuiCountupLrMargin' | 'nutuiCountupBgcolor' | 'nutuiCountupColor' | 'nutuiCountupWidth' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap';
+export type NutCSSVariables = 'nutuiBrandColor' | 'nutuiBrandColorStart' | 'nutuiBrandColorEnd' | 'nutuiBrandLinkColor' | 'nutuiBrandTextColor' | 'nutuiBrandInfoColor' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiGray2' | 'nutuiGray3' | 'nutuiGray4' | 'nutuiGray5' | 'nutuiGray6' | 'nutuiGray7' | 'nutuiGray8' | 'nutuiGray9' | 'nutuiGray10' | 'nutuiFontSize0' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiPaddingXs' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonDefaultBgColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultColor' | 'nutuiButtonPlainColor' | 'nutuiButtonDefaultPadding' | 'nutuiButtonMiniPadding' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniHeight' | 'nutuiButtonDefaultHeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargeLineHeight' | 'nutuiButtonSmallLineHeight' | 'nutuiButtonBlockHeight' | 'nutuiButtonDefaultLineHeight' | 'nutuiButtonBlockLineHeight' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonLargeFontSize' | 'nutuiButtonSmallFontSize' | 'nutuiButtonMiniFontSize' | 'nutuiButtonMiniLineHeight' | 'nutuiButtonTextIconMarginLeft' | 'nutuiButtonTextIconLargeMarginLeft' | 'nutuiButtonTextIconSmallMarginLeft' | 'nutuiButtonTextIconMiniMarginLeft' | 'nutuiButtonDisabledOpacity' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerBeforeMarginRight' | 'nutuiDividerAfterMarginLeft' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalBorderLeft' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderPictureWidth' | 'nutuiUploaderPictureHeight' | 'nutuiUploaderPictureBorder' | 'nutuiUploaderPictureBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderPictureIconOpacity' | 'nutuiUploaderPictureIconOpacityDisabled' | 'nutuiUploaderPictureIconMarginBottom' | 'nutuiUploaderPictureIconTipFontSize' | 'nutuiUploaderPictureIconTipColor' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerCancelColor' | 'nutuiPickerOkColor' | 'nutuiPickerBarCancelFontSize' | 'nutuiPickerBarOkFontSize' | 'nutuiPickerBarButtonPadding' | 'nutuiPickerBarTitleFontSize' | 'nutuiPickerBarTitleColor' | 'nutuiPickerBarTitleFontWeight' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemActiveTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconVoidColor' | 'nutuiInputnumberIconDisabledColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberBorder' | 'nutuiInputnumberBorderRadius' | 'nutuiInputnumberHeight' | 'nutuiInputnumberLineHeight' | 'nutuiInputnumberBorderBox' | 'nutuiInputnumberDisplay' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardWidth' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardHeaderHeight' | 'nutuiNumberkeyboardHeaderPadding' | 'nutuiNumberkeyboardHeaderColor' | 'nutuiNumberkeyboardHeaderFontSize' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyFontColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmFontColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseLineBgColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastCoverBgColor' | 'nutuiToastInnerTop' | 'nutuiToastInnerTextAlign' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarChooseDisableColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarDay67Color' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiOverlayBgColor' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupCloseIconMargin' | 'nutuiPopupBorderRadius' | 'nutuiPopupCloseIconColor' | 'nutuiPopupCloseIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupTitleLineHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyLineHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconVoidColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiInfiniteloadingBottomColor' | 'nutuiRangeFontColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiSwiperIndicatorItemBackgroundColor' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogHeaderColor' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogMinHeight' | 'nutuiDialogPadding' | 'nutuiDialogHeaderHeight' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogOverlayZIndex' | 'nutuiDialogOverlayBackgroundColor' | 'nutuiDialogOuterZIndex' | 'nutuiDialogOuterBorderRadius' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxIconDisableColor2' | 'nutuiRadioLabelFontColor' | 'nutuiRadioLabelFontActiveColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioIconDisableColor' | 'nutuiRadioLabelButtonBorderColor' | 'nutuiRadioLabelButtonBackground' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioLabelFontSize' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioIconFontSize' | 'nutuiRadioIconDisableColor2' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiRadioButtonDisabledActiveBackground' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadioButtonDisabledActiveBorderColor' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBgColor' | 'nutuiFixednavFontColor' | 'nutuiFixednavIndex' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarHeight' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarLefticonMargin' | 'nutuiNoticebarRighticonMargin' | 'nutuiTimeselectTitleHeight' | 'nutuiTimeselectTitleLineHeight' | 'nutuiTimeselectTitleColor' | 'nutuiTimeselectTitleFontSize' | 'nutuiTimeselectTitleBackground' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateLineHeight' | 'nutuiTimeselectDateColor' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectDateFontSize' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeLineHeight' | 'nutuiTimeselectFontSize' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeColor' | 'nutuiTimeselectTimeActiveColor' | 'nutuiTimeselectTimeBackground' | 'nutuiTimeselectTimeActiveBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverMenuItemHeight' | 'nutuiPopoverMenuItemHoverBackgroundColor' | 'nutuiPopoverMenuItemHoverTextColor' | 'nutuiPopoverMenuItemBorderWidth' | 'nutuiPopoverMenuItemBorderHeight' | 'nutuiPopoverMenuItemBorderLeft' | 'nutuiPopoverMenuItemBorderBottom' | 'nutuiPopoverWhiteBackgroundColor' | 'nutuiPopoverDarkBackgroundColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverBorderBottomColor' | 'nutuiPopoverPrimaryTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiPopoverMenuItemMargin' | 'nutuiPopoverMenuNameLineHeight' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiDarkPaginationActiveBackgroundColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiTabsTabSmileColor' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesBorderRadius' | 'nutuiTabsTitleGap' | 'nutuiTabsTitlesItemFontSize' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsHorizontalTabLineColor' | 'nutuiTabsHorizontalLineBottom' | 'nutuiTabsHorizontalLineBorderRadius' | 'nutuiTabsHorizontalTabLineOpacity' | 'nutuiTabsHorizontalTitlesHeight' | 'nutuiTabsHorizontalTitlesItemMinWidth' | 'nutuiTabsHorizontalTitlesItemActiveBackgroundColor' | 'nutuiTabsHorizontalTitlesItemActiveLineWidth' | 'nutuiTabsHorizontalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTitlesItemActiveLineWidth' | 'nutuiTabsVerticalTitlesItemActiveLineHeight' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderSize' | 'nutuiIndicatorDotMargin' | 'nutuiIndicatorDotVerticalMargin' | 'nutuiMenuBarLineHeight' | 'nutuiMenuPlaceholderTop' | 'nutuiMenuItemFontSize' | 'nutuiMenuItemTextColor' | 'nutuiMenuItemActiveTextColor' | 'nutuiMenuBarBorderBottomColor' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuTitleTextPaddingLeft' | 'nutuiMenuTitleTextPaddingRight' | 'nutuiMenuItemContentPadding' | 'nutuiMenuItemContentMaxHeight' | 'nutuiMenuItemOptionPaddingTop' | 'nutuiMenuItemOptionPaddingBottom' | 'nutuiMenuItemOptionIMarginRight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuActiveItemFontWeight' | 'nutuiMenuItemContentBgColor' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarPadding' | 'nutuiSearchbarWidth' | 'nutuiSearchbarLeftFontsize' | 'nutuiSearchbarLeftPadding' | 'nutuiSearchbarLeftColor' | 'nutuiSearchbarRightFontsize' | 'nutuiSearchbarRightPadding' | 'nutuiSearchbarRightColor' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputBackground' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputWidth' | 'nutuiSearchbarInputTextAlign' | 'nutuiSearchbarInputBorderRadius' | 'nutuiSearchbarClearIconPadding' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionColor' | 'nutuiEmptyDescriptionFontSize' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiEmptyDescriptionPadding' | 'nutuiCascaderFontSize' | 'nutuiCascaderLineHeight' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiSkuItemBorder' | 'nutuiSkuItemDisableLine' | 'nutuiSkuItemActiveBg' | 'nutuiSkuSpecHeight' | 'nutuiSkuSpecLineHeight' | 'nutuiSkuSpecFontSize' | 'nutuiSkuSpecBackground' | 'nutuiSkuSpecColor' | 'nutuiSkuSpecMarginRight' | 'nutuiSkuSpecPadding' | 'nutuiSkuSpecTitleFontWeight' | 'nutuiSkuSpecTitleFontSize' | 'nutuiSkuSpecTitleColor' | 'nutuiSkuSpecTitleMarginBottom' | 'nutuiSkuOperateBtnHeight' | 'nutuiSkuOperateBtnBorderTop' | 'nutuiSkuOperateBtnItemHeight' | 'nutuiSkuOperateBtnItemFontSize' | 'nutuiSkuOperateBtnItemFontWeight' | 'nutuiSkuProductImgWidth' | 'nutuiSkuProductImgHeight' | 'nutuiSkuProductImgBorderRadius' | 'nutuiCardFontSize0' | 'nutuiCardLeftBorderRadius' | 'nutuiCardLeftBackgroundColor' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarPadding' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarHeadBgColor' | 'nutuiSidenavbarHeadPadding' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListInnerBgColor' | 'nutuiElevatorListItemHighcolor' | 'nutuiElevatorListItemFontSize' | 'nutuiElevatorListItemFontColor' | 'nutuiElevatorListItemNamePadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeFontColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodePadding' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBorderBottomColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentPosition' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTransform' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorListItemBarsPosition' | 'nutuiElevatorListItemBarsRight' | 'nutuiElevatorListItemBarsTop' | 'nutuiElevatorListItemBarsTransform' | 'nutuiElevatorListItemBarsPadding' | 'nutuiElevatorListItemBarsBackgroundColor' | 'nutuiElevatorListItemBarsBorderRadius' | 'nutuiElevatorListItemBarsTextAlign' | 'nutuiElevatorListItemBarsZIndex' | 'nutuiElevatorListItemBarsInnerItemPadding' | 'nutuiElevatorListItemBarsInnerItemFontSize' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiElevatorListItemBarsInnerItemActiveColor' | 'nutuiListItemMargin' | 'nutuiEcardBgColor' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCategoryBgColor' | 'nutuiCategoryListLeftBgColor' | 'nutuiCategoryListItemColor' | 'nutuiCategoryListItemCheckedColor' | 'nutuiCategoryListItemCheckedImgBgColor' | 'nutuiCategoryPaneGrayColor' | 'nutuiCategoryPaneBorderColor' | 'nutuiCategoryPaneTitleColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiCommentHeaderUserNameColor' | 'nutuiCommentHeaderTimeColor' | 'nutuiCommentBottomLabelColor' | 'nutuiCommentShopColor' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiInvoicePadding' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRaduis' | 'nutuiCountupLrMargin' | 'nutuiCountupBgcolor' | 'nutuiCountupColor' | 'nutuiCountupWidth' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingTextColor' | 'nutuiLoadingTextSize';

package/dist/esm/types/src/packages/loading/__test__/loading.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/loading/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LoadingDemo: () => JSX.Element;
+export default LoadingDemo;

package/dist/esm/types/src/packages/loading/demo.taro.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LoadingDemo: () => JSX.Element;
+export default LoadingDemo;

package/dist/esm/types/src/packages/loading/index.d.ts

@@ -0,0 +1,3 @@
+import { Loading } from './loading';
+export type { LoadingProps, LoadingType, DirectionType } from './loading';
+export default Loading;

package/dist/esm/types/src/packages/loading/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { Loading } from './loading.taro';
+export type { LoadingProps, LoadingType, DirectionType } from './loading.taro';
+export default Loading;

package/dist/esm/types/src/packages/loading/loading.d.ts

@@ -0,0 +1,10 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type LoadingType = 'spinner' | 'circular';
+export type DirectionType = 'horizontal' | 'vertical';
+export interface LoadingProps extends BasicComponent {
+    type: LoadingType;
+    direction: DirectionType;
+    icon?: ReactNode;
+}
+export declare const Loading: FunctionComponent<Partial<LoadingProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/loading/loading.taro.d.ts

@@ -0,0 +1,10 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export type LoadingType = 'spinner' | 'circular';
+export type DirectionType = 'horizontal' | 'vertical';
+export interface LoadingProps extends BasicComponent {
+    type: LoadingType;
+    direction: DirectionType;
+    icon?: ReactNode;
+}
+export declare const Loading: FunctionComponent<Partial<LoadingProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/esm/types/src/packages/nutui.react.build.d.ts

@@ -54,6 +54,7 @@ import Dialog from '@/packages/dialog';
 import Drag from '@/packages/drag';
 import Empty from '@/packages/empty';
 import InfiniteLoading from '@/packages/infiniteloading';
+import Loading from '@/packages/loading';
 import NoticeBar from '@/packages/noticebar';
 import Notify from '@/packages/notify';
 import Popover from '@/packages/popover';
@@ -91,4 +92,4 @@ import TimeDetail from '@/packages/timedetail';
 import TimeSelect from '@/packages/timeselect';
 import TrendArrow from '@/packages/trendarrow';
 import WaterMark from '@/packages/watermark';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };