@nutui/nutui-react 2.3.5 → 2.3.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 (91) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/esm/Address/style/style.css +1 -1
  3. package/dist/esm/Cascader/style/style.css +1 -1
  4. package/dist/esm/CheckboxGroup.js +16 -5
  5. package/dist/esm/CircleProgress/style/style.css +1 -1
  6. package/dist/esm/Dialog/style/style.css +1 -1
  7. package/dist/esm/Dialog.js +25 -4
  8. package/dist/esm/ImagePreview/style/style.css +1 -1
  9. package/dist/esm/ImagePreview.js +10 -2
  10. package/dist/esm/NumberKeyboard.js +4 -3
  11. package/dist/esm/Popover/style/style.css +1 -1
  12. package/dist/esm/Popover.js +61 -57
  13. package/dist/esm/Table/style/style.css +1 -1
  14. package/dist/esm/Table.js +1 -1
  15. package/dist/esm/Tabs/style/style.css +1 -1
  16. package/dist/esm/Tour/style/style.css +1 -1
  17. package/dist/esm/Uploader/style/style.css +1 -1
  18. package/dist/esm/Uploader.js +1 -1
  19. package/dist/esm/checkbox2.js +0 -4
  20. package/dist/esm/get-scroll-parent.js +16 -0
  21. package/dist/esm/tabs2.js +2 -4
  22. package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +7 -6
  23. package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +7 -6
  24. package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts +3 -2
  25. package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.taro.d.ts +3 -2
  26. package/dist/esm/types/src/packages/checkboxgroup/context.d.ts +3 -1
  27. package/dist/esm/types/src/packages/checkboxgroup/types.d.ts +3 -0
  28. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  29. package/dist/esm/types/src/packages/dialog/config.d.ts +9 -6
  30. package/dist/esm/types/src/packages/dialog/confirm.d.ts +3 -3
  31. package/dist/esm/types/src/packages/dialog/content.d.ts +1 -0
  32. package/dist/esm/types/src/packages/dialog/content.taro.d.ts +1 -0
  33. package/dist/esm/types/src/packages/dialog/dialog.d.ts +2 -2
  34. package/dist/esm/types/src/packages/dialog/dialog.taro.d.ts +2 -2
  35. package/dist/esm/types/src/packages/dialog/dialogwrap.d.ts +1 -0
  36. package/dist/esm/types/src/packages/dialog/index.d.ts +1 -0
  37. package/dist/esm/types/src/packages/imagepreview/imagepreview.d.ts +4 -1
  38. package/dist/esm/types/src/packages/imagepreview/imagepreview.taro.d.ts +4 -1
  39. package/dist/esm/types/src/packages/imagepreview/index.d.ts +1 -1
  40. package/dist/esm/types/src/packages/imagepreview/index.taro.d.ts +1 -1
  41. package/dist/esm/types/src/packages/numberkeyboard/numberkeyboard.d.ts +2 -1
  42. package/dist/esm/types/src/packages/numberkeyboard/numberkeyboard.taro.d.ts +2 -1
  43. package/dist/esm/types/src/utils/get-scroll-parent.d.ts +1 -0
  44. package/dist/locales/base.js +1 -1
  45. package/dist/locales/en-US.js +1 -1
  46. package/dist/locales/id-ID.js +1 -1
  47. package/dist/locales/tr-TR.js +1 -1
  48. package/dist/locales/zh-CN.js +1 -1
  49. package/dist/locales/zh-TW.js +1 -1
  50. package/dist/locales/zh-UG.js +1 -1
  51. package/dist/nutui.react.es.js +203 -111
  52. package/dist/nutui.react.umd.js +203 -111
  53. package/dist/packages/circleprogress/circleprogress.scss +3 -1
  54. package/dist/packages/dialog/dialog.scss +25 -0
  55. package/dist/packages/imagepreview/imagepreview.scss +24 -0
  56. package/dist/packages/popover/popover.scss +1 -1
  57. package/dist/packages/table/table.scss +12 -1
  58. package/dist/packages/tabs/tabs.scss +16 -1
  59. package/dist/packages/uploader/uploader.scss +4 -6
  60. package/dist/style.css +1 -1
  61. package/dist/style.mjs +1 -1
  62. package/dist/styles/variables-jmapp.scss +6 -0
  63. package/dist/styles/variables.scss +6 -0
  64. package/dist/types/packages/button/button.d.ts +11 -3
  65. package/dist/types/packages/checkbox/checkbox.d.ts +7 -6
  66. package/dist/types/packages/checkbox/checkbox.taro.d.ts +7 -6
  67. package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +7 -2
  68. package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +3 -2
  69. package/dist/types/packages/checkboxgroup/context.d.ts +3 -1
  70. package/dist/types/packages/checkboxgroup/types.d.ts +3 -0
  71. package/dist/types/packages/configprovider/types.d.ts +1 -1
  72. package/dist/types/packages/dialog/config.d.ts +9 -6
  73. package/dist/types/packages/dialog/confirm.d.ts +3 -3
  74. package/dist/types/packages/dialog/content.d.ts +1 -0
  75. package/dist/types/packages/dialog/content.taro.d.ts +1 -0
  76. package/dist/types/packages/dialog/dialog.d.ts +2 -2
  77. package/dist/types/packages/dialog/dialog.taro.d.ts +2 -2
  78. package/dist/types/packages/dialog/dialogwrap.d.ts +1 -0
  79. package/dist/types/packages/dialog/index.d.ts +1 -0
  80. package/dist/types/packages/imagepreview/imagepreview.d.ts +17 -2
  81. package/dist/types/packages/imagepreview/imagepreview.taro.d.ts +4 -1
  82. package/dist/types/packages/imagepreview/index.d.ts +1 -1
  83. package/dist/types/packages/imagepreview/index.taro.d.ts +1 -1
  84. package/dist/types/packages/infiniteloading/infiniteloading.d.ts +1 -1
  85. package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +7 -2
  86. package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +2 -1
  87. package/dist/types/packages/space/space.d.ts +2 -2
  88. package/dist/types/packages/swipe/swipe.d.ts +3 -3
  89. package/dist/types/packages/tabs/tabs.d.ts +1 -1
  90. package/dist/types/utils/get-scroll-parent.d.ts +1 -0
  91. package/package.json +2 -2
package/dist/esm/Popover/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))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:0;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}
package/dist/esm/Popover.js CHANGED
@@ -23,13 +23,15 @@ function _objectSpread(e) {
23
23
  }
24
24
  return e;
25
25
  }
26
- import React__default, { useRef, useState, useEffect } from "react";
26
+ import React__default, { useRef, useState, useEffect, useMemo } from "react";
27
27
  import classNames from "classnames";
28
+ import { createPortal } from "react-dom";
28
29
  import Popup from "./Popup.js";
29
30
  import { g as getRect } from "./use-client-rect.js";
30
31
  import { C as ComponentDefaults } from "./typings.js";
31
32
  import { u as useClickAway } from "./use-click-away.js";
32
33
  import { c as canUseDom } from "./can-use-dom.js";
34
+ import { a as getAllScrollableParents } from "./get-scroll-parent.js";
33
35
  import "./index.js";
34
36
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
35
37
  list: [],
@@ -55,9 +57,7 @@ var Popover = function Popover2(props) {
55
57
  var popoverRef = useRef(null);
56
58
  var popoverContentRef = useRef(null);
57
59
  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), showPopup = _useState2[0], setShowPopup = _useState2[1];
58
- var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), elWidth = _useState4[0], setElWidth = _useState4[1];
59
- var _useState5 = useState(0), _useState6 = _slicedToArray(_useState5, 2), elHeight = _useState6[0], setElHeight = _useState6[1];
60
- var _useState7 = useState(), _useState8 = _slicedToArray(_useState7, 2), rootPosition = _useState8[0], setRootPosition = _useState8[1];
60
+ var _useState3 = useState(), _useState4 = _slicedToArray(_useState3, 2), rootPosition = _useState4[0], setRootPosition = _useState4[1];
61
61
  useEffect(function() {
62
62
  setShowPopup(visible);
63
63
  if (visible) {
@@ -65,61 +65,62 @@ var Popover = function Popover2(props) {
65
65
  getContentWidth();
66
66
  }, 0);
67
67
  }
68
+ }, [visible, location]);
69
+ var update = useRef(function(e) {
70
+ getContentWidth();
71
+ });
72
+ useEffect(function() {
73
+ if (visible) {
74
+ scrollableParents.forEach(function(parent) {
75
+ parent.addEventListener("scroll", update.current, {
76
+ passive: true
77
+ });
78
+ });
79
+ } else {
80
+ scrollableParents.forEach(function(parent) {
81
+ return parent.removeEventListener("scroll", update.current);
82
+ });
83
+ }
68
84
  }, [visible]);
69
- var element;
70
- if (canUseDom) {
71
- element = targetId && document.querySelector("#".concat(targetId));
85
+ var element = null;
86
+ var targetSet = [];
87
+ if (canUseDom && targetId) {
88
+ element = document.querySelector("#".concat(targetId));
89
+ targetSet = [element, popoverContentRef.current];
90
+ } else {
91
+ targetSet = [popoverRef.current, popoverContentRef.current];
72
92
  }
73
- var targetSet = [targetId ? element : popoverRef.current, popoverContentRef.current];
74
93
  useClickAway(function() {
75
- props.onClick && props.onClick();
76
- onClose2 && onClose2();
94
+ var _props$onClick;
95
+ (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props);
96
+ onClose2 === null || onClose2 === void 0 || onClose2();
77
97
  }, targetSet, "touchstart", true, visible, closeOnOutsideClick);
98
+ var scrollableParents = useMemo(function() {
99
+ return getAllScrollableParents(element || popoverRef.current);
100
+ }, [element, popoverRef.current]);
78
101
  var getContentWidth = function getContentWidth2() {
79
- var rect = getRect(popoverRef.current);
80
- var scrollDis = document.documentElement.scrollTop || window.scrollY;
81
- if (targetId) {
82
- setTimeout(function() {
83
- rect = getRect(document.querySelector("#".concat(targetId)));
84
- setRootPosition({
85
- width: rect.width,
86
- height: rect.height,
87
- left: rect.left,
88
- top: rect.top + scrollDis,
89
- right: rect.right
90
- });
91
- if (popoverContentRef.current) {
92
- setElWidth(popoverContentRef.current.clientWidth);
93
- setElHeight(popoverContentRef.current.clientHeight);
94
- }
95
- }, 0);
96
- } else {
97
- setRootPosition({
98
- width: rect.width,
99
- height: rect.height,
100
- left: rect.left,
101
- top: rect.top + scrollDis,
102
- right: rect.right
103
- });
104
- if (popoverContentRef.current) {
105
- setElWidth(popoverContentRef.current.clientWidth);
106
- setElHeight(popoverContentRef.current.clientHeight);
107
- }
108
- }
102
+ var rect = getRect(targetId ? document.querySelector("#".concat(targetId)) : popoverRef.current);
103
+ setRootPosition({
104
+ width: rect.width,
105
+ height: rect.height,
106
+ left: rect.left,
107
+ top: rect.top + Math.max(document.documentElement.scrollTop, document.body.scrollTop),
108
+ right: rect.right
109
+ });
109
110
  };
110
111
  var classes = classNames(_defineProperty({}, "".concat(classPrefix), true), className);
111
112
  var popoverArrow = function popoverArrow2() {
112
113
  var prefixCls = "nut-popover-arrow";
113
- var loca = location;
114
- var direction = loca.split("-")[0];
115
- return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(direction, " ").concat(prefixCls, "-").concat(loca);
114
+ var direction = location.split("-")[0];
115
+ return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(direction, " ").concat(prefixCls, "-").concat(location);
116
116
  };
117
117
  var getRootPosition = function getRootPosition2() {
118
+ var _popoverContentRef$cu, _popoverContentRef$cu2;
118
119
  var styles = {};
119
120
  if (!rootPosition)
120
121
  return {};
121
- var contentWidth = elWidth;
122
- var contentHeight = elHeight;
122
+ var contentWidth = (_popoverContentRef$cu = popoverContentRef.current) === null || _popoverContentRef$cu === void 0 ? void 0 : _popoverContentRef$cu.clientWidth;
123
+ var contentHeight = (_popoverContentRef$cu2 = popoverContentRef.current) === null || _popoverContentRef$cu2 === void 0 ? void 0 : _popoverContentRef$cu2.clientHeight;
123
124
  var width = rootPosition.width, height = rootPosition.height, left = rootPosition.left, top = rootPosition.top, right = rootPosition.right;
124
125
  var direction = location.split("-")[0];
125
126
  var skew = location.split("-")[1];
@@ -159,7 +160,7 @@ var Popover = function Popover2(props) {
159
160
  }
160
161
  return styles;
161
162
  };
162
- var popoverArrowStyle = function popoverArrowStyle2() {
163
+ var arrowStyle = function arrowStyle2() {
163
164
  var styles = {};
164
165
  var direction = location.split("-")[0];
165
166
  var skew = location.split("-")[1];
@@ -192,40 +193,43 @@ var Popover = function Popover2(props) {
192
193
  };
193
194
  var handleSelect = function handleSelect2(item, index) {
194
195
  if (!item.disabled) {
195
- onSelect && onSelect(item, index);
196
+ onSelect === null || onSelect === void 0 || onSelect(item, index);
196
197
  }
197
198
  if (closeOnActionClick) {
198
- props.onClick && props.onClick();
199
- onClose2 && onClose2();
199
+ var _props$onClick2;
200
+ (_props$onClick2 = props.onClick) === null || _props$onClick2 === void 0 || _props$onClick2.call(props);
201
+ onClose2 === null || onClose2 === void 0 || onClose2();
200
202
  }
201
203
  };
202
204
  return React__default.createElement(React__default.Fragment, null, !targetId && React__default.createElement("div", {
203
205
  className: "nut-popover-wrapper",
204
206
  ref: popoverRef,
205
207
  onClick: function onClick3() {
206
- props.onClick && props.onClick();
208
+ var _props$onClick3;
209
+ (_props$onClick3 = props.onClick) === null || _props$onClick3 === void 0 || _props$onClick3.call(props);
207
210
  if (!visible) {
208
- onOpen2 && onOpen2();
211
+ onOpen2 === null || onOpen2 === void 0 || onOpen2();
209
212
  } else {
210
- onClose2 && onClose2();
213
+ onClose2 === null || onClose2 === void 0 || onClose2();
211
214
  }
212
215
  },
213
216
  style
214
- }, Array.isArray(children) ? children[0] : children), React__default.createElement("div", {
217
+ }, Array.isArray(children) ? children[0] : children), createPortal(React__default.createElement("div", {
215
218
  className: classes,
216
219
  style: getRootPosition()
217
220
  }, React__default.createElement(Popup, _objectSpread({
218
221
  className: "nut-popover-content nut-popover-content-".concat(location),
219
222
  visible: showPopup,
220
223
  overlay,
221
- position: "default"
224
+ position: "default",
225
+ lockScroll: false
222
226
  }, rest), React__default.createElement("div", {
223
227
  className: "nut-popover-content-group",
224
228
  ref: popoverContentRef
225
229
  }, showArrow && React__default.createElement("div", {
226
230
  className: popoverArrow(),
227
- style: popoverArrowStyle()
228
- }), Array.isArray(children) ? children[1] : "", list.map(function(item, index) {
231
+ style: arrowStyle()
232
+ }), Array.isArray(children) ? children[1] : null, list.map(function(item, index) {
229
233
  return React__default.createElement("div", {
230
234
  className: classNames({
231
235
  "nut-popover-menu-item": true,
@@ -246,7 +250,7 @@ var Popover = function Popover2(props) {
246
250
  return (_item$action = item.action) === null || _item$action === void 0 || (_item$action$onClick = _item$action.onClick) === null || _item$action$onClick === void 0 ? void 0 : _item$action$onClick.call(_item$action, e);
247
251
  }
248
252
  }, item.action.icon) : null);
249
- })))));
253
+ })))), document.body));
250
254
  };
251
255
  Popover.defaultProps = defaultProps;
252
256
  Popover.displayName = "NutPopover";
package/dist/esm/Table/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-table{overflow:hidden;position:relative}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow:auto;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:left}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:right}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}
1
+ .nut-table{overflow:hidden;position:relative}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:left}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:right}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, 10px) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}
package/dist/esm/Table.js CHANGED
@@ -191,7 +191,7 @@ var Table = function Table2(props) {
191
191
  return React__default.createElement("div", _objectSpread({
192
192
  className: cls
193
193
  }, rest), React__default.createElement("div", {
194
- className: classNames("".concat(classPrefix, "-wrapper")),
194
+ className: classNames("".concat(classPrefix, "-wrapper ").concat(isSticky ? "".concat(classPrefix, "-wrapper-sticky") : "")),
195
195
  style
196
196
  }, React__default.createElement("div", {
197
197
  className: classNames("".concat(classPrefix, "-main"), _defineProperty({}, "".concat(classPrefix, "-main-striped"), striped))
package/dist/esm/Tabs/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:var(--nutui-tabs-titles-padding, 0 16px);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles-scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-6px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}
1
+ .nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:var(--nutui-tabs-titles-padding, 0 16px);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-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);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-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}
package/dist/esm/Tour/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))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-6, #595959);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:26%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-5, 18px))}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.nut-popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-border-color, #ffffff);border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0;border-bottom-color:var(--nutui-popover-border-color, #ffffff);border-top-width:0;margin-top:-8px}.nut-popover-arrow-left{right:0;border-left-color:var(--nutui-popover-border-color, #ffffff);border-right-width:0;margin-right:-8px}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-start{top:16px;transform:translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-end{bottom:16px;transform:translateY(0)}.nut-popover-arrow-right{left:0;border-right-color:var(--nutui-popover-border-color, #ffffff);border-left-width:0;margin-left:-8px}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;transform:translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-start{top:16px;transform:translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-end{bottom:16px;transform:translateY(0)}.nut-popover .nut-popover-content{position:absolute;background-color:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 12px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-text-color, #1a1a1a);box-shadow:0 2px 12px #3232331f;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:0;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2){border-radius:8px 8px 0 0}.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type{border-radius:0 0 8px 8px}.nut-popover .nut-popover-content .nut-popover-menu-item-icon{display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px}.nut-popover .nut-popover-content .nut-popover-menu-item-name{width:100%;word-break:keep-all;margin-left:4px}.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon{position:absolute;right:var(--nutui-popover-menu-item-padding, 8px);display:flex;justify-content:center;align-items:center;width:12px;height:12px;font-size:12px;color:var(--nutui-gray-6, #595959)}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-top-end{right:0}.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-top-start{left:0}.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-end{right:0}.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-start{left:0}.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-end{bottom:0}.nut-popover .nut-popover-content-left-start{top:0}.nut-popover .nut-popover-content-right-end{bottom:0}.nut-popover .nut-popover-content-right-start{top:0}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #bfbfbf);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-gray-6, #595959);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}
package/dist/esm/Uploader/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;-webkit-line-clamp:1;padding:2px;height:24px}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{width:100%;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-link:before{margin-left:-45%;margin-top:-45%;transform:none}
1
+ .nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:2px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{width:100%;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-Link{flex-shrink:0}
package/dist/esm/Uploader.js CHANGED
@@ -145,7 +145,7 @@ var Preview = function Preview2(_ref2) {
145
145
  return React__default.createElement("div", {
146
146
  className: "nut-uploader-preview ".concat(previewType),
147
147
  key: item.uid
148
- }, previewType === "picture" && deletable && React__default.createElement(Failure, {
148
+ }, previewType === "picture" && !children && deletable && React__default.createElement(Failure, {
149
149
  color: "rgba(0,0,0,0.6)",
150
150
  className: "close",
151
151
  onClick: function onClick() {
package/dist/esm/checkbox2.js CHANGED
@@ -134,10 +134,6 @@ var Checkbox = function Checkbox2(props) {
134
134
  if (disabled)
135
135
  return;
136
136
  var latestChecked = !innerChecked;
137
- if (ctx && ctx.max !== void 0) {
138
- if (latestChecked && ctx.value.length >= ctx.max)
139
- return;
140
- }
141
137
  setChecked(latestChecked);
142
138
  };
143
139
  var renderButton = function renderButton2() {
package/dist/esm/get-scroll-parent.js CHANGED
@@ -20,6 +20,22 @@ function getScrollParent(el) {
20
20
  }
21
21
  return root;
22
22
  }
23
+ function getAllScrollableParents(element) {
24
+ var scrollableParents = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
25
+ if (!element) {
26
+ return scrollableParents;
27
+ }
28
+ var isScrollable = element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
29
+ if (isScrollable) {
30
+ if (element.nodeName === "HTML") {
31
+ scrollableParents.push(document);
32
+ } else {
33
+ scrollableParents.push(element);
34
+ }
35
+ }
36
+ return getAllScrollableParents(element.parentElement, scrollableParents);
37
+ }
23
38
  export {
39
+ getAllScrollableParents as a,
24
40
  getScrollParent as g
25
41
  };
package/dist/esm/tabs2.js CHANGED
@@ -156,7 +156,7 @@ var Tabs = function Tabs2(props) {
156
156
  },
157
157
  key: item.value
158
158
  }, activeType === "line" && React__default.createElement("div", {
159
- className: "".concat(classPrefix, "-titles-item-line"),
159
+ className: classNames("".concat(classPrefix, "-titles-item-line"), _defineProperty({}, "".concat(classPrefix, "-titles-item-line-").concat(direction), true)),
160
160
  style: tabsActiveStyle
161
161
  }), activeType === "smile" && React__default.createElement("div", {
162
162
  className: "".concat(classPrefix, "-titles-item-smile"),
@@ -166,9 +166,7 @@ var Tabs = function Tabs2(props) {
166
166
  width: 40,
167
167
  height: 20
168
168
  })), React__default.createElement("div", {
169
- className: classNames({
170
- ellipsis: true
171
- }, "".concat(classPrefix, "-titles-item-text"))
169
+ className: classNames("".concat(classPrefix, "-ellipsis"), "".concat(classPrefix, "-titles-item-text"))
172
170
  }, item.title));
173
171
  })), React__default.createElement("div", {
174
172
  className: "".concat(classPrefix, "-content-wrap")
package/dist/esm/types/src/packages/checkbox/checkbox.d.ts CHANGED
@@ -1,19 +1,20 @@
1
- import React, { FunctionComponent } from 'react';
1
+ import React, { FunctionComponent, ReactNode } from 'react';
2
2
  import CheckboxGroup from '@/packages/checkboxgroup';
3
3
  import { BasicComponent } from '@/utils/typings';
4
+ import { CheckboxLabelPosition } from '@/packages/checkboxgroup/types';
4
5
  export type CheckboxShape = 'button' | 'round';
5
6
  export interface CheckboxProps extends BasicComponent {
6
7
  checked: boolean;
7
8
  disabled: boolean;
8
9
  defaultChecked: boolean;
9
10
  shape: CheckboxShape;
10
- labelPosition: 'left' | 'right';
11
- icon: React.ReactNode;
12
- activeIcon: React.ReactNode;
13
- indeterminateIcon: React.ReactNode;
11
+ labelPosition: CheckboxLabelPosition;
12
+ icon: ReactNode;
13
+ activeIcon: ReactNode;
14
+ indeterminateIcon: ReactNode;
14
15
  value: string | number;
15
16
  indeterminate: boolean;
16
- label: string | number;
17
+ label: ReactNode;
17
18
  onChange: (value: boolean) => void;
18
19
  }
19
20
  export declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts CHANGED
@@ -1,19 +1,20 @@
1
- import React, { FunctionComponent } from 'react';
1
+ import React, { FunctionComponent, ReactNode } from 'react';
2
2
  import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
3
3
  import { BasicComponent } from '@/utils/typings';
4
+ import { CheckboxLabelPosition } from '@/packages/checkboxgroup/types';
4
5
  export type CheckboxShape = 'button' | 'round';
5
6
  export interface CheckboxProps extends BasicComponent {
6
7
  checked: boolean;
7
8
  disabled: boolean;
8
9
  defaultChecked: boolean;
9
10
  shape: CheckboxShape;
10
- labelPosition: 'left' | 'right';
11
- icon: React.ReactNode;
12
- activeIcon: React.ReactNode;
13
- indeterminateIcon: React.ReactNode;
11
+ labelPosition: CheckboxLabelPosition;
12
+ icon: ReactNode;
13
+ activeIcon: ReactNode;
14
+ indeterminateIcon: ReactNode;
14
15
  value: string | number;
15
16
  indeterminate: boolean;
16
- label: string | number;
17
+ label: ReactNode;
17
18
  onChange: (value: boolean) => void;
18
19
  }
19
20
  export declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts CHANGED
@@ -1,15 +1,16 @@
1
1
  import React from 'react';
2
2
  import { RadioGroupOptionType } from '@/packages/radiogroup/types';
3
- export type CheckboxLabelPosition = 'left' | 'right';
4
- export type CheckboxDirection = 'horizontal' | 'vertical';
3
+ import { CheckboxDirection, CheckboxLabelPosition, CheckboxLimit } from '@/packages/checkboxgroup/types';
5
4
  export interface CheckboxGroupProps {
6
5
  disabled?: boolean;
7
6
  value?: string[];
8
7
  defaultValue?: string[];
9
8
  max: number | undefined;
9
+ min: number | undefined;
10
10
  labelPosition: CheckboxLabelPosition;
11
11
  direction: CheckboxDirection;
12
12
  options: RadioGroupOptionType[];
13
13
  onChange: (value: string[]) => void;
14
+ onLimit: (type: CheckboxLimit) => void;
14
15
  }
15
16
  export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.taro.d.ts CHANGED
@@ -1,15 +1,16 @@
1
1
  import React from 'react';
2
2
  import { RadioGroupOptionType } from '@/packages/radiogroup/types';
3
- export type CheckboxLabelPosition = 'left' | 'right';
4
- export type CheckboxDirection = 'horizontal' | 'vertical';
3
+ import { CheckboxDirection, CheckboxLabelPosition, CheckboxLimit } from '@/packages/checkboxgroup/types';
5
4
  export interface CheckboxGroupProps {
6
5
  disabled?: boolean;
7
6
  value?: string[];
8
7
  defaultValue?: string[];
9
8
  max: number | undefined;
9
+ min: number | undefined;
10
10
  labelPosition: CheckboxLabelPosition;
11
11
  direction: CheckboxDirection;
12
12
  options: RadioGroupOptionType[];
13
13
  onChange: (value: string[]) => void;
14
+ onLimit: (type: CheckboxLimit) => void;
14
15
  }
15
16
  export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
package/dist/esm/types/src/packages/checkboxgroup/context.d.ts CHANGED
@@ -1,10 +1,12 @@
1
1
  /// <reference types="react" />
2
+ import { CheckboxLimit, CheckboxLabelPosition } from './types';
2
3
  declare const CheckboxGroupContext: import("react").Context<{
3
- labelPosition: 'left' | 'right';
4
+ labelPosition: CheckboxLabelPosition;
4
5
  disabled: boolean | undefined;
5
6
  value: string[];
6
7
  max: number | undefined;
7
8
  check: (value: string) => void;
8
9
  uncheck: (value: string) => void;
10
+ onLimit: (type: CheckboxLimit) => void;
9
11
  } | null>;
10
12
  export default CheckboxGroupContext;
package/dist/esm/types/src/packages/checkboxgroup/types.d.ts CHANGED
@@ -4,3 +4,6 @@ export interface CheckboxGroupOptionType {
4
4
  disabled?: boolean;
5
5
  onChange?: (state: boolean, label: string) => void;
6
6
  }
7
+ export type CheckboxLimit = 'max' | 'min';
8
+ export type CheckboxLabelPosition = 'left' | 'right';
9
+ export type CheckboxDirection = 'horizontal' | 'vertical';