@nutui/nutui-react 2.7.6 → 2.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +20 -7
  2. package/dist/esm/Address/style/style.css +1 -1
  3. package/dist/esm/Cascader/style/style.css +1 -1
  4. package/dist/esm/DatePicker.js +8 -0
  5. package/dist/esm/Empty.js +1 -1
  6. package/dist/esm/Form.js +2 -1
  7. package/dist/esm/TabPane.js +1 -1
  8. package/dist/esm/Tabs/style/style.css +1 -1
  9. package/dist/esm/formitem2.js +121 -31
  10. package/dist/esm/tabs2.js +26 -42
  11. package/dist/locales/base.js +1 -1
  12. package/dist/locales/en-US.js +1 -1
  13. package/dist/locales/id-ID.js +1 -1
  14. package/dist/locales/tr-TR.js +1 -1
  15. package/dist/locales/zh-CN.js +1 -1
  16. package/dist/locales/zh-TW.js +1 -1
  17. package/dist/locales/zh-UG.js +1 -1
  18. package/dist/nutui.react.es.js +167 -100
  19. package/dist/nutui.react.umd.js +167 -100
  20. package/dist/packages/tabs/tabs.scss +72 -115
  21. package/dist/style.css +1 -1
  22. package/dist/types/packages/form/__tests__/merge.spec.d.ts +1 -0
  23. package/dist/types/packages/form/index.d.ts +2 -1
  24. package/dist/types/packages/form/index.taro.d.ts +2 -1
  25. package/dist/types/packages/form/useform.d.ts +2 -1
  26. package/dist/types/packages/form/useform.taro.d.ts +2 -1
  27. package/dist/types/utils/merge.d.ts +14 -1
  28. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,13 +1,26 @@
1
- # v2.7.6
2
- `2025-01-10`
1
+ # v2.7.7
2
+ `2025-01-24`
3
+
4
+
5
+ * :sparkles: feat(form): resetFields 增加 namepath 参数，用于重置指定的字段 (#2953)
6
+ * :sparkles: feat(form): add useWatch (#2932)
7
+ * :bug: fix: tabs 代码简化,调整部分样式 (#2949)
8
+ * :bug: fix: 受控模式下返回的selectedOptions进行校验处理 (#2951)
9
+ * :bug: fix(form): 修复 formitem 的值如果是对象会自动重置为空对象的问题 (#2952)
10
+ * :bug: fix: imageSize=0无效 (#2937)
11
+ * 📖 docs(toast): 修复文档中的函数式例子 (#2957)
12
+ * 📖 docs: popup 使用说明描述优化(#2943)
3
13
 
4
14
 
5
- * :bug: fix(form): item label 未对齐 (#2931)
6
- * :bug: fix(form): 分割线未生效 (#2927)
7
- * :bug: fix(tabs): 修复意外地出现了滚动条 (#2912)
8
- * :bug: fix(swiper): 修复duration不生效 (#2913)
9
- * :bug: fix: jmapp variables
15
+ # v2.7.6
16
+
17
+ `2025-01-10`
10
18
 
19
+ - :bug: fix(form): item label 未对齐 (#2931)
20
+ - :bug: fix(form): 分割线未生效 (#2927)
21
+ - :bug: fix(tabs): 修复意外地出现了滚动条 (#2912)
22
+ - :bug: fix(swiper): 修复duration不生效 (#2913)
23
+ - :bug: fix: jmapp variables
11
24
 
12
25
  # v2.7.5
13
26
 
package/dist/esm/Address/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator-list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a))}.nut-elevator-list-inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, #ffffff);overflow:auto}.nut-elevator-list-item{display:block}.nut-elevator-list-item-code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator-list-item-name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator-list-item-name-highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator-list-fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator-code-current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator-bars{position:absolute;right:var(--nutui-elevator-bars-right, 10px);top:var(--nutui-elevator-bars-top, 50%);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator-bars-inner-item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator-bars-inner-item-active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-elevator-list-fixed,.nut-rtl .nut-elevator-list-fixed{left:auto;right:0}[dir=rtl] .nut-elevator-code-current,.nut-rtl .nut-elevator-code-current{right:auto;left:var(--nutui-elevator-list-item-code-current-right, 60px)}[dir=rtl] .nut-elevator-bars,.nut-rtl .nut-elevator-bars{right:auto;left:var(--nutui-elevator-bars-right, 10px)}.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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-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);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));scrollbar-width:none}.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-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.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 var(--nutui-tabs-titles-gap, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);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-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.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-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{padding: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{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{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-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{padding: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}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}.nut-tabs-horizontal{flex-direction:column;position:relative}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-line .nut-tabs-titles-item{padding-left:14px}.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);margin:0;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-line-vertical{top:50%}.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:-12px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.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))}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px))}.nut-cascader .nut-tabs-titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-1, #ffffff)}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:var(--nutui-gray-1, #ffffff)}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-7, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}[dir=rtl] .nut-cascader .nut-icon-checklist,.nut-rtl .nut-cascader .nut-icon-checklist{margin-left:0;margin-right:var(--nutui-cascader-icon-checklist-marginLeft, 10px)}.nut-address-elevator{display:flex;margin-top:20px}.nut-address-exist{display:block;padding:15px 20px 0;height:279px;overflow-y:auto;box-sizing:border-box}.nut-address-exist-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-2, 12px);line-height:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a)}.nut-address-exist-item.active{font-weight:var(--nutui-font-weight-bold, 500)}.nut-address-exist-item-info{margin-left:9px}.nut-address-footer{width:100%;height:54px;padding:6px 0 0;border-top:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-address-footer-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-color-primary-text, #ffffff)}[dir=rtl] .nut-address-exist-item-info,.nut-rtl .nut-address-exist-item-info{margin-left:0;margin-right:9px}
1
+ .nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator-list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a))}.nut-elevator-list-inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, #ffffff);overflow:auto}.nut-elevator-list-item{display:block}.nut-elevator-list-item-code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator-list-item-name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator-list-item-name-highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator-list-fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator-code-current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator-bars{position:absolute;right:var(--nutui-elevator-bars-right, 10px);top:var(--nutui-elevator-bars-top, 50%);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator-bars-inner-item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator-bars-inner-item-active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-elevator-list-fixed,.nut-rtl .nut-elevator-list-fixed{left:auto;right:0}[dir=rtl] .nut-elevator-code-current,.nut-rtl .nut-elevator-code-current{right:auto;left:var(--nutui-elevator-list-item-code-current-right, 60px)}[dir=rtl] .nut-elevator-bars,.nut-rtl .nut-elevator-bars{right:auto;left:var(--nutui-elevator-bars-right, 10px)}.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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-padding, 24px 20px);box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));scrollbar-width:none}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 var(--nutui-tabs-titles-gap, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);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-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a))}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a))}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";left:50%;transform:translate(-50%);bottom:var(--nutui-tabs-line-bottom, 15%);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%}.nut-tabs-titles-item-active .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{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-active .nut-tabs-titles-item-smile .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-disabled,.nut-tabs-titles-item-disabled .nut-icon,.nut-tabs-titles-item-disabled .nut-tabs-titles-item-text{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon{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 .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{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background:var(--nutui-color-default-light);color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));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));border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-divider{border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{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-vertical .nut-tabs-ellipsis{white-space:break-spaces;padding-left:6px;width:90px;line-height:var(--nutui-font-size-3, 14px)}.nut-tabs-vertical .nut-tabs-titles{flex-direction:column;height:100%;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{flex-direction:column}.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{overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line-vertical{top:50%}.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:-12px;bottom:-2%;left:auto;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;height:var(--nutui-tabs-titles-height, 44px);width:100%;padding:0!important}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{flex-direction:row;height:auto}.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%);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-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-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px))}.nut-cascader .nut-tabs-titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-1, #ffffff)}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:var(--nutui-gray-1, #ffffff)}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-7, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}[dir=rtl] .nut-cascader .nut-icon-checklist,.nut-rtl .nut-cascader .nut-icon-checklist{margin-left:0;margin-right:var(--nutui-cascader-icon-checklist-marginLeft, 10px)}.nut-address-elevator{display:flex;margin-top:20px}.nut-address-exist{display:block;padding:15px 20px 0;height:279px;overflow-y:auto;box-sizing:border-box}.nut-address-exist-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-2, 12px);line-height:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a)}.nut-address-exist-item.active{font-weight:var(--nutui-font-weight-bold, 500)}.nut-address-exist-item-info{margin-left:9px}.nut-address-footer{width:100%;height:54px;padding:6px 0 0;border-top:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-address-footer-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-color-primary-text, #ffffff)}[dir=rtl] .nut-address-exist-item-info,.nut-rtl .nut-address-exist-item-info{margin-left:0;margin-right:9px}
package/dist/esm/Cascader/style/style.css CHANGED
@@ -1 +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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-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);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));scrollbar-width:none}.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-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.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 var(--nutui-tabs-titles-gap, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);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-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.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-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{padding: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{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{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-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{padding: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}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}.nut-tabs-horizontal{flex-direction:column;position:relative}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-line .nut-tabs-titles-item{padding-left:14px}.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);margin:0;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-line-vertical{top:50%}.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:-12px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.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))}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px))}.nut-cascader .nut-tabs-titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-1, #ffffff)}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:var(--nutui-gray-1, #ffffff)}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-7, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}[dir=rtl] .nut-cascader .nut-icon-checklist,.nut-rtl .nut-cascader .nut-icon-checklist{margin-left:0;margin-right:var(--nutui-cascader-icon-checklist-marginLeft, 10px)}
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))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{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-slide-default-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden!important}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, 16px)}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-padding, 24px 20px);box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));scrollbar-width:none}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 var(--nutui-tabs-titles-gap, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);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-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a))}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a))}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";left:50%;transform:translate(-50%);bottom:var(--nutui-tabs-line-bottom, 15%);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%}.nut-tabs-titles-item-active .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{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-active .nut-tabs-titles-item-smile .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-disabled,.nut-tabs-titles-item-disabled .nut-icon,.nut-tabs-titles-item-disabled .nut-tabs-titles-item-text{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon{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 .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{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background:var(--nutui-color-default-light);color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));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));border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-divider{border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{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-vertical .nut-tabs-ellipsis{white-space:break-spaces;padding-left:6px;width:90px;line-height:var(--nutui-font-size-3, 14px)}.nut-tabs-vertical .nut-tabs-titles{flex-direction:column;height:100%;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{flex-direction:column}.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{overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line-vertical{top:50%}.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:-12px;bottom:-2%;left:auto;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;height:var(--nutui-tabs-titles-height, 44px);width:100%;padding:0!important}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{flex-direction:row;height:auto}.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%);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-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-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-3, 14px))}.nut-cascader .nut-tabs-titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-1, #ffffff)}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:var(--nutui-gray-1, #ffffff)}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-7, #1a1a1a));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}[dir=rtl] .nut-cascader .nut-icon-checklist,.nut-rtl .nut-cascader .nut-icon-checklist{margin-left:0;margin-right:var(--nutui-cascader-icon-checklist-marginLeft, 10px)}
package/dist/esm/DatePicker.js CHANGED
@@ -154,6 +154,14 @@ const DatePicker = (props) => {
154
154
  const year = Number(formatDate[0]);
155
155
  const month = Number(formatDate[1]) - 1;
156
156
  const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
157
+ if (selectedOptions.length >= 2 && ["date", "datehour", "datetime", "month-day"].includes(rangeType)) {
158
+ const dayOption = formatOption("day", day);
159
+ if (rangeType === "month-day") {
160
+ selectedOptions[1] = dayOption;
161
+ } else {
162
+ selectedOptions[2] = dayOption;
163
+ }
164
+ }
157
165
  let date = null;
158
166
  if (rangeType === "date" || rangeType === "month-day" || rangeType === "year-month") {
159
167
  date = new Date(year, month, day);
package/dist/esm/Empty.js CHANGED
@@ -25,7 +25,7 @@ const Empty = (props) => {
25
25
  const imageNode = typeof imageUrl === "string" ? React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
26
26
  useEffect(() => {
27
27
  setImgStyle(() => {
28
- if (!imageSize) {
28
+ if (typeof imageSize !== "number" && typeof imageSize !== "string") {
29
29
  return {};
30
30
  }
31
31
  if (typeof imageSize === "number") {
package/dist/esm/Form.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React__default from "react";
2
2
  import classNames from "classnames";
3
- import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem2.js";
3
+ import { u as useForm, S as SECRET, C as Context, F as FormItem, a as useWatch } from "./formitem2.js";
4
4
  import { C as ComponentDefaults } from "./typings.js";
5
5
  import Cell__default from "./Cell.js";
6
6
  const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", disabled: false, divider: false, validateTrigger: "onChange", onFinish: (values) => {
@@ -56,6 +56,7 @@ Form.displayName = "NutForm";
56
56
  const InnerForm = Form;
57
57
  InnerForm.Item = FormItem;
58
58
  InnerForm.useForm = useForm;
59
+ InnerForm.useWatch = useWatch;
59
60
  export {
60
61
  InnerForm as default
61
62
  };
package/dist/esm/TabPane.js CHANGED
@@ -11,7 +11,7 @@ const TabPane = (props) => {
11
11
  const classes = classNames(classPrefix, {
12
12
  active: !disabled && props.active
13
13
  }, autoHeightClassName, className);
14
- return children ? React__default.createElement("div", { className: classes }, !disabled && children) : null;
14
+ return children && React__default.createElement("div", { className: classes }, !disabled && children);
15
15
  };
16
16
  export {
17
17
  TabPane as default
package/dist/esm/Tabs/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-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);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));scrollbar-width:none}.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-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.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 var(--nutui-tabs-titles-gap, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);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-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.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-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{padding: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{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{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-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{padding: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}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}.nut-tabs-horizontal{flex-direction:column;position:relative}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-line .nut-tabs-titles-item{padding-left:14px}.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);margin:0;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-line-vertical{top:50%}.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:-12px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.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))}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}
1
+ .nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-padding, 24px 20px);box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));scrollbar-width:none}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 var(--nutui-tabs-titles-gap, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);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-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a))}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a))}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";left:50%;transform:translate(-50%);bottom:var(--nutui-tabs-line-bottom, 15%);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%}.nut-tabs-titles-item-active .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{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-active .nut-tabs-titles-item-smile .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-disabled,.nut-tabs-titles-item-disabled .nut-icon,.nut-tabs-titles-item-disabled .nut-tabs-titles-item-text{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon{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 .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{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background:var(--nutui-color-default-light);color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));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));border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-divider{border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{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-vertical .nut-tabs-ellipsis{white-space:break-spaces;padding-left:6px;width:90px;line-height:var(--nutui-font-size-3, 14px)}.nut-tabs-vertical .nut-tabs-titles{flex-direction:column;height:100%;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{flex-direction:column}.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{overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line-vertical{top:50%}.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:-12px;bottom:-2%;left:auto;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;height:var(--nutui-tabs-titles-height, 44px);width:100%;padding:0!important}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{flex-direction:row;height:auto}.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%);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-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-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}
package/dist/esm/formitem2.js CHANGED
@@ -1,28 +1,65 @@
1
- import React__default, { createContext, useRef } from "react";
1
+ import React__default, { createContext, useRef, useState, useEffect } from "react";
2
2
  import Cell__default from "./Cell.js";
3
3
  import { C as ComponentDefaults } from "./typings.js";
4
4
  import { a as __awaiter } from "./tslib.es6.js";
5
5
  import Schema from "async-validator";
6
6
  const Context = createContext({});
7
- function merge(...objects) {
8
- const result = Array.isArray(objects[0]) ? [] : {};
9
- function mergeHelper(obj, path = []) {
10
- for (const [key, value] of Object.entries(obj)) {
11
- const newPath = [...path, key];
12
- if (Array.isArray(value)) {
13
- result[key] = [...value];
14
- } else if (typeof value === "object" && value !== null) {
15
- if (path.some((p) => p === value))
16
- continue;
17
- if (!result[key])
18
- result[key] = {};
19
- mergeHelper(value, newPath);
20
- } else {
21
- result[key] = value;
22
- }
7
+ function merge(...items) {
8
+ return _merge(items[0] === true, false, items);
9
+ }
10
+ function recursive(...items) {
11
+ return _merge(items[0] === true, true, items);
12
+ }
13
+ function clone(input) {
14
+ if (Array.isArray(input)) {
15
+ const output = [];
16
+ for (let index = 0; index < input.length; ++index)
17
+ output.push(clone(input[index]));
18
+ return output;
19
+ }
20
+ if (isPlainObject(input)) {
21
+ const output = {};
22
+ for (const index in input)
23
+ output[index] = clone(input[index]);
24
+ return output;
25
+ }
26
+ return input;
27
+ }
28
+ function isPlainObject(input) {
29
+ if (input === null || typeof input !== "object")
30
+ return false;
31
+ if (Object.getPrototypeOf(input) === null)
32
+ return true;
33
+ let ref = input;
34
+ while (Object.getPrototypeOf(ref) !== null)
35
+ ref = Object.getPrototypeOf(ref);
36
+ return Object.getPrototypeOf(input) === ref;
37
+ }
38
+ function _recursiveMerge(base, extend) {
39
+ if (!isPlainObject(base) || !isPlainObject(extend))
40
+ return extend;
41
+ for (const key in extend) {
42
+ if (key === "__proto__" || key === "constructor" || key === "prototype")
43
+ continue;
44
+ base[key] = isPlainObject(base[key]) && isPlainObject(extend[key]) ? _recursiveMerge(base[key], extend[key]) : extend[key];
45
+ }
46
+ return base;
47
+ }
48
+ function _merge(isClone, isRecursive, items) {
49
+ let result;
50
+ if (isClone || !isPlainObject(result = items.shift()))
51
+ result = {};
52
+ for (let index = 0; index < items.length; ++index) {
53
+ const item = items[index];
54
+ if (!isPlainObject(item))
55
+ continue;
56
+ for (const key in item) {
57
+ if (key === "__proto__" || key === "constructor" || key === "prototype")
58
+ continue;
59
+ const value = isClone ? clone(item[key]) : item[key];
60
+ result[key] = isRecursive ? _recursiveMerge(result[key], value) : value;
23
61
  }
24
62
  }
25
- objects.filter((obj) => !!obj).forEach((obj) => mergeHelper(obj));
26
63
  return result;
27
64
  }
28
65
  const SECRET = "NUT_FORM_INTERNAL";
@@ -38,9 +75,6 @@ class FormStore {
38
75
  this.fieldEntities.push(field);
39
76
  return () => {
40
77
  this.fieldEntities = this.fieldEntities.filter((item) => item !== field);
41
- if (this.store) {
42
- delete this.store[field.props.name];
43
- }
44
78
  };
45
79
  };
46
80
  this.getFieldValue = (name) => {
@@ -62,10 +96,11 @@ class FormStore {
62
96
  if (init) {
63
97
  const nextStore = merge(initialValues, this.store);
64
98
  this.updateStore(nextStore);
99
+ this.notifyWatch();
65
100
  }
66
101
  };
67
102
  this.setFieldsValue = (newStore) => {
68
- const nextStore = merge(this.store, newStore);
103
+ const nextStore = recursive(true, this.store, newStore);
69
104
  this.updateStore(nextStore);
70
105
  this.fieldEntities.forEach((entity) => {
71
106
  const { name } = entity.props;
@@ -84,12 +119,14 @@ class FormStore {
84
119
  item.entity.onStoreChange("update");
85
120
  }
86
121
  });
122
+ this.notifyWatch();
87
123
  };
88
124
  this.setFieldValue = (name, value) => {
89
125
  const store = {
90
126
  [name]: value
91
127
  };
92
128
  this.setFieldsValue(store);
129
+ this.notifyWatch([name]);
93
130
  };
94
131
  this.setCallback = (callback) => {
95
132
  this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
@@ -129,7 +166,6 @@ class FormStore {
129
166
  });
130
167
  this.validateFields = (nameList) => __awaiter(this, void 0, void 0, function* () {
131
168
  let filterEntities = [];
132
- this.errors.length = 0;
133
169
  if (!nameList || nameList.length === 0) {
134
170
  filterEntities = this.fieldEntities;
135
171
  } else {
@@ -150,13 +186,29 @@ class FormStore {
150
186
  (_d = (_c = this.callbacks).onFinishFailed) === null || _d === void 0 ? void 0 : _d.call(_c, this.store, errors);
151
187
  }
152
188
  });
153
- this.resetFields = () => {
154
- this.errors.length = 0;
155
- const nextStore = merge({}, this.initialValues);
156
- this.updateStore(nextStore);
157
- this.fieldEntities.forEach((entity) => {
158
- entity.onStoreChange("reset");
159
- });
189
+ this.resetFields = (namePaths) => {
190
+ if (namePaths && namePaths.length) {
191
+ namePaths.forEach((path) => {
192
+ this.errors[path] = null;
193
+ this.fieldEntities.forEach((entity) => {
194
+ const name = entity.props.name;
195
+ if (name === path) {
196
+ if (path in this.initialValues) {
197
+ this.updateStore({ [path]: this.initialValues[path] });
198
+ } else {
199
+ delete this.store[path];
200
+ }
201
+ entity.onStoreChange("reset");
202
+ }
203
+ });
204
+ });
205
+ } else {
206
+ const nextStore = merge({}, this.initialValues);
207
+ this.updateStore(nextStore);
208
+ this.fieldEntities.forEach((entity) => {
209
+ entity.onStoreChange("reset");
210
+ });
211
+ }
160
212
  };
161
213
  this.registerUpdate = (field, shouldUpdate) => {
162
214
  this.updateList.push({
@@ -179,7 +231,8 @@ class FormStore {
179
231
  dispatch: this.dispatch,
180
232
  store: this.store,
181
233
  fieldEntities: this.fieldEntities,
182
- registerUpdate: this.registerUpdate
234
+ registerUpdate: this.registerUpdate,
235
+ registerWatch: this.registerWatch
183
236
  };
184
237
  }
185
238
  };
@@ -196,6 +249,26 @@ class FormStore {
196
249
  getInternal: this.getInternal
197
250
  };
198
251
  };
252
+ this.watchList = [];
253
+ this.registerWatch = (callback) => {
254
+ this.watchList.push(callback);
255
+ return () => {
256
+ this.watchList = this.watchList.filter((fn) => fn !== callback);
257
+ };
258
+ };
259
+ this.notifyWatch = (namePath = []) => {
260
+ if (this.watchList.length) {
261
+ let allValues;
262
+ if (!namePath || namePath.length === 0) {
263
+ allValues = this.getFieldsValue(true);
264
+ } else {
265
+ allValues = this.getFieldsValue(namePath);
266
+ }
267
+ this.watchList.forEach((callback) => {
268
+ callback(allValues, namePath);
269
+ });
270
+ }
271
+ };
199
272
  this.callbacks = {
200
273
  onFinish: () => {
201
274
  },
@@ -219,6 +292,22 @@ const useForm = (form) => {
219
292
  }
220
293
  return [formRef.current];
221
294
  };
295
+ const useWatch = (path, form) => {
296
+ const formInstance = form.getInternal(SECRET);
297
+ const [value, setValue] = useState();
298
+ useEffect(() => {
299
+ const unsubscribe = formInstance.registerWatch((data, namePath) => {
300
+ const value2 = data[path];
301
+ setValue(value2);
302
+ });
303
+ const initialValue = form.getFieldsValue(true);
304
+ if (value !== initialValue[path]) {
305
+ setValue(initialValue[path]);
306
+ }
307
+ return () => unsubscribe();
308
+ }, [form]);
309
+ return value;
310
+ };
222
311
  function isForwardRefComponent(component) {
223
312
  return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
224
313
  React__default.forwardRef(
@@ -384,5 +473,6 @@ export {
384
473
  Context as C,
385
474
  FormItem as F,
386
475
  SECRET as S,
476
+ useWatch as a,
387
477
  useForm as u
388
478
  };