@nutui/nutui-react 2.0.0-alpha.12 → 2.0.0-alpha.14

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 (202) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/Address/style/style.css +1 -1
  4. package/dist/esm/AnimatingNumbers/style/style.css +1 -1
  5. package/dist/esm/AnimatingNumbers.js +22 -26
  6. package/dist/esm/Avatar.js +1 -1
  7. package/dist/esm/AvatarGroup.js +1 -1
  8. package/dist/esm/Barrage/style/style.css +1 -1
  9. package/dist/esm/Barrage.js +23 -24
  10. package/dist/esm/Calendar/style/style.css +1 -1
  11. package/dist/esm/Cascader/style/style.css +1 -1
  12. package/dist/esm/CircleProgress.js +1 -1
  13. package/dist/esm/DatePicker/style/style.css +1 -1
  14. package/dist/esm/ImagePreview/style/style.css +1 -1
  15. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  16. package/dist/esm/Picker/style/style.css +1 -1
  17. package/dist/esm/Picker.js +37 -40
  18. package/dist/esm/Popover/style/index.js +1 -1
  19. package/dist/esm/Popover/style/style.css +1 -1
  20. package/dist/esm/Popover.js +214 -166
  21. package/dist/esm/Popup/style/style.css +1 -1
  22. package/dist/esm/ShortPassword/style/style.css +1 -1
  23. package/dist/esm/SideNavBar/style/style.css +1 -1
  24. package/dist/esm/SideNavBar.js +17 -15
  25. package/dist/esm/SideNavBarItem/style/style.css +1 -1
  26. package/dist/esm/SideNavBarItem.js +5 -4
  27. package/dist/esm/Step.js +1 -1
  28. package/dist/esm/Steps.js +1 -1
  29. package/dist/esm/SubSideNavBar/style/style.css +1 -1
  30. package/dist/esm/SubSideNavBar.js +12 -12
  31. package/dist/esm/Swiper.js +1 -1
  32. package/dist/esm/SwiperItem.js +1 -1
  33. package/dist/esm/TextArea/style/style.css +1 -1
  34. package/dist/esm/TimeSelect/style/style.css +1 -1
  35. package/dist/esm/TrendArrow/style/style.css +1 -1
  36. package/dist/esm/TrendArrow.js +30 -35
  37. package/dist/esm/Video.js +8 -12
  38. package/dist/esm/WaterMark.js +8 -11
  39. package/dist/esm/context.js +16 -2
  40. package/dist/esm/context2.js +2 -2
  41. package/dist/esm/context4.js +5 -0
  42. package/dist/esm/index.js +11 -2
  43. package/dist/esm/types/src/packages/animatingnumbers/countup.d.ts +7 -8
  44. package/dist/esm/types/src/packages/animatingnumbers/countup.taro.d.ts +7 -8
  45. package/dist/esm/types/src/packages/animatingnumbers/demo.d.ts +1 -0
  46. package/dist/esm/types/src/packages/animatingnumbers/demo.taro.d.ts +1 -0
  47. package/dist/esm/types/src/packages/animatingnumbers/index.d.ts +1 -0
  48. package/dist/esm/types/src/packages/animatingnumbers/index.taro.d.ts +1 -0
  49. package/dist/esm/types/src/packages/avatargroup/avatargroup.taro.d.ts +13 -0
  50. package/dist/esm/types/src/packages/avatargroup/index.taro.d.ts +1 -1
  51. package/dist/esm/types/src/packages/barrage/barrage.d.ts +6 -7
  52. package/dist/esm/types/src/packages/barrage/barrage.taro.d.ts +6 -7
  53. package/dist/esm/types/src/packages/barrage/index.d.ts +1 -0
  54. package/dist/esm/types/src/packages/barrage/index.taro.d.ts +1 -0
  55. package/dist/esm/types/src/packages/button/button.d.ts +1 -0
  56. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  57. package/dist/esm/types/src/packages/input/input.taro.d.ts +1 -1
  58. package/dist/esm/types/src/packages/menu/menu.taro.d.ts +1 -1
  59. package/dist/esm/types/src/packages/picker/doc.en.d.ts +9 -9
  60. package/dist/esm/types/src/packages/popover/demo.d.ts +3 -2
  61. package/dist/esm/types/src/packages/popover/demo.taro.d.ts +2 -2
  62. package/dist/esm/types/src/packages/popover/index.d.ts +1 -0
  63. package/dist/esm/types/src/packages/popover/index.taro.d.ts +1 -0
  64. package/dist/esm/types/src/packages/popover/popover.d.ts +20 -9
  65. package/dist/esm/types/src/packages/popover/popover.taro.d.ts +20 -10
  66. package/dist/esm/types/src/packages/sidenavbar/index.d.ts +1 -0
  67. package/dist/esm/types/src/packages/sidenavbar/index.taro.d.ts +1 -0
  68. package/dist/esm/types/src/packages/sidenavbar/sidenavbar.d.ts +5 -9
  69. package/dist/esm/types/src/packages/sidenavbar/sidenavbar.taro.d.ts +5 -9
  70. package/dist/esm/types/src/packages/sidenavbaritem/index.d.ts +1 -0
  71. package/dist/esm/types/src/packages/sidenavbaritem/index.taro.d.ts +1 -0
  72. package/dist/esm/types/src/packages/sidenavbaritem/sidenavbaritem.d.ts +3 -3
  73. package/dist/esm/types/src/packages/sidenavbaritem/sidenavbaritem.taro.d.ts +3 -3
  74. package/dist/esm/types/src/packages/subsidenavbar/index.d.ts +1 -0
  75. package/dist/esm/types/src/packages/subsidenavbar/index.taro.d.ts +1 -0
  76. package/dist/esm/types/src/packages/subsidenavbar/subsidenavbar.d.ts +3 -3
  77. package/dist/esm/types/src/packages/subsidenavbar/subsidenavbar.taro.d.ts +3 -3
  78. package/dist/esm/types/src/packages/trendarrow/trendarrow.d.ts +8 -10
  79. package/dist/esm/types/src/packages/trendarrow/trendarrow.taro.d.ts +8 -10
  80. package/dist/esm/types/src/packages/video/index.d.ts +1 -0
  81. package/dist/esm/types/src/packages/video/index.taro.d.ts +2 -1
  82. package/dist/esm/types/src/packages/video/video.d.ts +5 -9
  83. package/dist/esm/types/src/packages/video/video.taro.d.ts +6 -9
  84. package/dist/esm/types/src/packages/watermark/demo.d.ts +0 -1
  85. package/dist/esm/types/src/packages/watermark/demo.taro.d.ts +0 -1
  86. package/dist/esm/types/src/packages/watermark/index.d.ts +1 -0
  87. package/dist/esm/types/src/packages/watermark/index.taro.d.ts +1 -0
  88. package/dist/esm/types/src/packages/watermark/watermark.d.ts +3 -4
  89. package/dist/esm/types/src/packages/watermark/watermark.taro.d.ts +3 -4
  90. package/dist/esm/types/src/utils/index.d.ts +1 -0
  91. package/dist/esm/types/src/utils/use-click-away.d.ts +3 -0
  92. package/dist/locales/base.js +1 -1
  93. package/dist/locales/en-US.js +1 -1
  94. package/dist/locales/id-ID.js +1 -1
  95. package/dist/locales/tr-TR.js +1 -1
  96. package/dist/locales/zh-CN.js +1 -1
  97. package/dist/locales/zh-TW.js +1 -1
  98. package/dist/locales/zh-UG.js +1 -1
  99. package/dist/nutui.react.es.js +480 -337
  100. package/dist/nutui.react.umd.js +480 -337
  101. package/dist/packages/animatingnumbers/countup.scss +0 -21
  102. package/dist/packages/barrage/barrage.scss +0 -13
  103. package/dist/packages/popover/popover.scss +158 -230
  104. package/dist/packages/popup/popup.scss +133 -46
  105. package/dist/packages/sidenavbar/sidenavbar.scss +10 -16
  106. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +7 -19
  107. package/dist/packages/subsidenavbar/subsidenavbar.scss +10 -19
  108. package/dist/packages/trendarrow/trendarrow.scss +4 -3
  109. package/dist/style.css +1 -1
  110. package/dist/style.mjs +1 -1
  111. package/dist/styles/variables-jmapp.scss +37 -55
  112. package/dist/styles/variables.scss +47 -65
  113. package/dist/types/packages/actionsheet/actionsheet.d.ts +40 -8
  114. package/dist/types/packages/animate/animate.d.ts +20 -4
  115. package/dist/types/packages/animatingnumbers/countup.d.ts +7 -8
  116. package/dist/types/packages/animatingnumbers/index.d.ts +1 -0
  117. package/dist/types/packages/audio/audio.d.ts +60 -12
  118. package/dist/types/packages/avatar/avatar.d.ts +50 -10
  119. package/dist/types/packages/avatargroup/avatargroup.d.ts +40 -8
  120. package/dist/types/packages/backtop/backtop.d.ts +25 -5
  121. package/dist/types/packages/badge/badge.d.ts +30 -6
  122. package/dist/types/packages/barrage/barrage.d.ts +32 -9
  123. package/dist/types/packages/barrage/index.d.ts +1 -0
  124. package/dist/types/packages/button/button.d.ts +51 -10
  125. package/dist/types/packages/cascader/cascader.d.ts +85 -17
  126. package/dist/types/packages/cell/cell.d.ts +30 -6
  127. package/dist/types/packages/cellgroup/cellgroup.d.ts +15 -3
  128. package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +40 -8
  129. package/dist/types/packages/circleprogress/circleprogress.d.ts +35 -7
  130. package/dist/types/packages/col/col.d.ts +15 -3
  131. package/dist/types/packages/collapse/collapse.d.ts +25 -5
  132. package/dist/types/packages/collapseitem/collapseitem.d.ts +20 -4
  133. package/dist/types/packages/configprovider/configprovider.d.ts +10 -2
  134. package/dist/types/packages/configprovider/types.d.ts +1 -1
  135. package/dist/types/packages/countdown/countdown.d.ts +65 -13
  136. package/dist/types/packages/divider/divider.d.ts +10 -2
  137. package/dist/types/packages/drag/drag.d.ts +15 -3
  138. package/dist/types/packages/elevator/elevator.d.ts +45 -9
  139. package/dist/types/packages/ellipsis/ellipsis.d.ts +45 -9
  140. package/dist/types/packages/empty/empty.d.ts +20 -4
  141. package/dist/types/packages/fixednav/fixednav.d.ts +50 -10
  142. package/dist/types/packages/grid/grid.d.ts +35 -7
  143. package/dist/types/packages/griditem/griditem.d.ts +5 -1
  144. package/dist/types/packages/image/image.d.ts +65 -13
  145. package/dist/types/packages/imagepreview/imagepreview.d.ts +50 -10
  146. package/dist/types/packages/indicator/indicator.d.ts +15 -3
  147. package/dist/types/packages/input/input.d.ts +100 -20
  148. package/dist/types/packages/inputnumber/inputnumber.d.ts +85 -17
  149. package/dist/types/packages/menu/menu.d.ts +25 -5
  150. package/dist/types/packages/menuitem/menuitem.d.ts +35 -7
  151. package/dist/types/packages/noticebar/noticebar.d.ts +60 -12
  152. package/dist/types/packages/notify/notify.d.ts +25 -5
  153. package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +50 -10
  154. package/dist/types/packages/overlay/overlay.d.ts +40 -8
  155. package/dist/types/packages/pagination/pagination.d.ts +55 -11
  156. package/dist/types/packages/picker/picker.d.ts +55 -11
  157. package/dist/types/packages/popover/index.d.ts +1 -0
  158. package/dist/types/packages/popover/popover.d.ts +99 -12
  159. package/dist/types/packages/popup/popup.d.ts +75 -15
  160. package/dist/types/packages/price/price.d.ts +35 -7
  161. package/dist/types/packages/progress/progress.d.ts +40 -8
  162. package/dist/types/packages/pulltorefresh/pulltorefresh.d.ts +50 -10
  163. package/dist/types/packages/radio/radio.d.ts +45 -9
  164. package/dist/types/packages/radiogroup/radiogroup.d.ts +30 -6
  165. package/dist/types/packages/range/range.d.ts +80 -16
  166. package/dist/types/packages/rate/rate.d.ts +50 -10
  167. package/dist/types/packages/searchbar/searchbar.d.ts +76 -18
  168. package/dist/types/packages/shortpassword/shortpassword.d.ts +85 -17
  169. package/dist/types/packages/sidenavbar/index.d.ts +1 -0
  170. package/dist/types/packages/sidenavbar/sidenavbar.d.ts +33 -13
  171. package/dist/types/packages/sidenavbaritem/index.d.ts +1 -0
  172. package/dist/types/packages/sidenavbaritem/sidenavbaritem.d.ts +3 -3
  173. package/dist/types/packages/skeleton/skeleton.d.ts +35 -7
  174. package/dist/types/packages/step/step.d.ts +20 -4
  175. package/dist/types/packages/steps/steps.d.ts +15 -3
  176. package/dist/types/packages/sticky/sticky.d.ts +25 -5
  177. package/dist/types/packages/subsidenavbar/index.d.ts +1 -0
  178. package/dist/types/packages/subsidenavbar/subsidenavbar.d.ts +3 -3
  179. package/dist/types/packages/swipe/swipe.d.ts +47 -11
  180. package/dist/types/packages/swiper/swiper.d.ts +65 -13
  181. package/dist/types/packages/switch/switch.d.ts +30 -6
  182. package/dist/types/packages/tabbar/tabbar.d.ts +35 -7
  183. package/dist/types/packages/tabbaritem/tabbaritem.d.ts +10 -2
  184. package/dist/types/packages/tabpane/tabpane.d.ts +15 -3
  185. package/dist/types/packages/tabs/tabs.d.ts +60 -12
  186. package/dist/types/packages/textarea/textarea.d.ts +60 -12
  187. package/dist/types/packages/trendarrow/trendarrow.d.ts +57 -15
  188. package/dist/types/packages/uploader/uploader.d.ts +180 -36
  189. package/dist/types/packages/video/index.d.ts +1 -0
  190. package/dist/types/packages/video/video.d.ts +27 -11
  191. package/dist/types/packages/virtuallist/virtuallist.d.ts +45 -9
  192. package/dist/types/packages/watermark/index.d.ts +1 -0
  193. package/dist/types/packages/watermark/watermark.d.ts +72 -17
  194. package/dist/types/utils/index.d.ts +1 -0
  195. package/dist/types/utils/use-click-away.d.ts +3 -0
  196. package/package.json +1 -1
  197. package/dist/esm/offsetContext.js +0 -19
  198. package/dist/esm/types/src/packages/popover/Trigger.d.ts +0 -19
  199. package/dist/esm/types/src/packages/sidenavbar/type.d.ts +0 -34
  200. package/dist/types/packages/popover/Trigger.d.ts +0 -19
  201. /package/dist/esm/types/src/packages/sidenavbar/{offsetContext.d.ts → context.d.ts} +0 -0
  202. /package/dist/types/packages/sidenavbar/{offsetContext.d.ts → context.d.ts} +0 -0
package/dist/esm/Picker/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-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@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-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@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-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@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:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;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:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;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:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;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:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;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:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;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:.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:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
package/dist/esm/Picker.js CHANGED
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
- var _excluded = ["visible", "title", "options", "defaultValue", "className", "style", "threeDimensional", "duration", "onConfirm", "onClose", "afterClose", "onChange"];
5
+ var _excluded = ["children", "visible", "title", "options", "defaultValue", "className", "style", "threeDimensional", "duration", "onConfirm", "onClose", "afterClose", "onChange"];
6
6
  function ownKeys(object, enumerableOnly) {
7
7
  var keys = Object.keys(object);
8
8
  if (Object.getOwnPropertySymbols) {
@@ -251,7 +251,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
251
251
  });
252
252
  var InternalPicker = function InternalPicker2(props, ref) {
253
253
  var _useConfig = useConfig(), locale = _useConfig.locale;
254
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, title = _defaultProps$props.title, _defaultProps$props$o = _defaultProps$props.options, options = _defaultProps$props$o === void 0 ? [] : _defaultProps$props$o, _defaultProps$props$d = _defaultProps$props.defaultValue, defaultValue = _defaultProps$props$d === void 0 ? [] : _defaultProps$props$d, className = _defaultProps$props.className, style = _defaultProps$props.style, threeDimensional = _defaultProps$props.threeDimensional, duration = _defaultProps$props.duration, onConfirm = _defaultProps$props.onConfirm, onClose = _defaultProps$props.onClose, afterClose = _defaultProps$props.afterClose, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
254
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, visible = _defaultProps$props.visible, title = _defaultProps$props.title, _defaultProps$props$o = _defaultProps$props.options, options = _defaultProps$props$o === void 0 ? [] : _defaultProps$props$o, _defaultProps$props$d = _defaultProps$props.defaultValue, defaultValue = _defaultProps$props$d === void 0 ? [] : _defaultProps$props$d, className = _defaultProps$props.className, style = _defaultProps$props.style, threeDimensional = _defaultProps$props.threeDimensional, duration = _defaultProps$props.duration, onConfirm = _defaultProps$props.onConfirm, onClose = _defaultProps$props.onClose, afterClose = _defaultProps$props.afterClose, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
255
255
  var classPrefix = "nut-picker";
256
256
  var classes = classNames(classPrefix, className);
257
257
  var _usePropsValue = usePropsValue({
@@ -263,10 +263,11 @@ var InternalPicker = function InternalPicker2(props, ref) {
263
263
  (_props$onConfirm = props.onConfirm) === null || _props$onConfirm === void 0 ? void 0 : _props$onConfirm.call(props, setSelectedOptions(), val);
264
264
  }
265
265
  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectedValue = _usePropsValue2[0], setSelectedValue = _usePropsValue2[1];
266
- var _useState13 = useState(0), _useState14 = _slicedToArray(_useState13, 2), columnIndex = _useState14[0], setColumnIndex = _useState14[1];
266
+ var _useState13 = useState(selectedValue), _useState14 = _slicedToArray(_useState13, 2), innerValue = _useState14[0], setInnerValue = _useState14[1];
267
+ var _useState15 = useState(0), _useState16 = _slicedToArray(_useState15, 2), columnIndex = _useState16[0], setColumnIndex = _useState16[1];
267
268
  var pickerRef = useRef(null);
268
269
  var _useRefs = useRefs(), _useRefs2 = _slicedToArray(_useRefs, 2), refs = _useRefs2[0], setRefs = _useRefs2[1];
269
- var _useState15 = useState([]), _useState16 = _slicedToArray(_useState15, 2), columnsList = _useState16[0], setColumnsList = _useState16[1];
270
+ var _useState17 = useState([]), _useState18 = _slicedToArray(_useState17, 2), columnsList = _useState18[0], setColumnsList = _useState18[1];
270
271
  var isConfirmEvent = useRef(false);
271
272
  var formatCascade = function formatCascade2(columns, values) {
272
273
  var formatted = [];
@@ -305,41 +306,46 @@ var InternalPicker = function InternalPicker2(props, ref) {
305
306
  }
306
307
  return "single";
307
308
  };
308
- var normalListData = function normalListData2() {
309
+ var normalListData = function normalListData2(innerValue2) {
309
310
  var type = columnsType();
310
311
  switch (type) {
311
312
  case "multiple":
312
313
  return options;
313
314
  case "cascade":
314
- return formatCascade(options, selectedValue);
315
+ return formatCascade(options, innerValue2);
315
316
  default:
316
317
  return [options];
317
318
  }
318
319
  };
319
320
  var init = function init2() {
320
- var normalData = normalListData();
321
+ var normalData = normalListData(innerValue);
321
322
  setColumnsList(normalData);
322
323
  var data = [];
323
324
  normalData.length > 0 && normalData.map(function(item) {
324
325
  item[0] && data.push(item[0].value);
325
326
  return item;
326
327
  });
327
- if (!defaultValue.length && selectedValue.length === 0) {
328
- setSelectedValue([].concat(data));
328
+ if (!innerValue.length && innerValue.length === 0) {
329
+ setInnerValue([].concat(data));
329
330
  }
330
331
  };
331
332
  useEffect(function() {
332
- if (!visible) {
333
- return;
333
+ setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
334
+ }, [visible]);
335
+ useEffect(function() {
336
+ if (visible) {
337
+ init();
334
338
  }
335
- init();
336
339
  }, [options, visible]);
340
+ useEffect(function() {
341
+ onChange && onChange(setSelectedOptions(), innerValue, columnIndex);
342
+ }, [innerValue, columnsList]);
337
343
  var setSelectedOptions = function setSelectedOptions2() {
338
344
  var options2 = [];
339
345
  var currOptions = [];
340
346
  columnsList.forEach(function(columnOptions, index) {
341
347
  currOptions = columnOptions.filter(function(item) {
342
- return item.value === selectedValue[index];
348
+ return item.value === innerValue[index];
343
349
  });
344
350
  if (currOptions[0]) {
345
351
  options2.push(currOptions[0]);
@@ -349,37 +355,28 @@ var InternalPicker = function InternalPicker2(props, ref) {
349
355
  });
350
356
  return options2;
351
357
  };
352
- useEffect(function() {
353
- if (!visible) {
354
- return;
355
- }
356
- onChange && onChange(setSelectedOptions(), selectedValue, columnIndex);
357
- if (isConfirmEvent.current) {
358
- isConfirmEvent.current = false;
359
- onConfirm && onConfirm(setSelectedOptions(), selectedValue);
360
- }
361
- }, [selectedValue, columnsList, visible]);
362
358
  var _chooseItem = function chooseItem(columnOptions, columnIndex2) {
359
+ var values = [];
360
+ var start = columnIndex2;
363
361
  if (columnOptions && Object.keys(columnOptions).length) {
364
- if (selectedValue[columnIndex2] !== columnOptions.value) {
362
+ if (values[columnIndex2] !== columnOptions.value) {
365
363
  if (columnsType() === "cascade") {
366
364
  var _columnOptions2, _columnOptions2$child;
367
- selectedValue[columnIndex2] = columnOptions.value || "";
368
- setSelectedValue(_toConsumableArray(selectedValue));
365
+ values[columnIndex2] = columnOptions.value || "";
369
366
  while ((_columnOptions = columnOptions) !== null && _columnOptions !== void 0 && (_columnOptions$childr = _columnOptions.children) !== null && _columnOptions$childr !== void 0 && _columnOptions$childr[0]) {
370
367
  var _columnOptions, _columnOptions$childr;
371
- selectedValue[columnIndex2 + 1] = columnOptions.children[0].value;
372
- setSelectedValue(_toConsumableArray(selectedValue));
368
+ values[columnIndex2 + 1] = columnOptions.children[0].value;
373
369
  columnIndex2++;
374
370
  columnOptions = columnOptions.children[0];
375
371
  }
376
372
  if ((_columnOptions2 = columnOptions) !== null && _columnOptions2 !== void 0 && (_columnOptions2$child = _columnOptions2.children) !== null && _columnOptions2$child !== void 0 && _columnOptions2$child.length) {
377
- selectedValue[columnIndex2 + 1] = "";
378
- setSelectedValue(_toConsumableArray(selectedValue));
373
+ values[columnIndex2 + 1] = "";
379
374
  }
380
- setColumnsList(normalListData());
375
+ var combineResult = [].concat(_toConsumableArray(innerValue.slice(0, start)), _toConsumableArray(values.splice(start)));
376
+ setInnerValue(combineResult);
377
+ setColumnsList(normalListData(combineResult));
381
378
  } else {
382
- setSelectedValue(function(data) {
379
+ setInnerValue(function(data) {
383
380
  var cdata = _toConsumableArray(data);
384
381
  cdata[columnIndex2] = Object.prototype.hasOwnProperty.call(columnOptions, "value") ? columnOptions.value : "";
385
382
  return cdata;
@@ -390,16 +387,16 @@ var InternalPicker = function InternalPicker2(props, ref) {
390
387
  }
391
388
  };
392
389
  var confirm = function confirm2() {
393
- var movings = false;
390
+ var moving = false;
394
391
  refs.forEach(function(ref2) {
395
392
  if (ref2.moving)
396
- movings = true;
393
+ moving = true;
397
394
  ref2.stopMomentum();
398
395
  });
399
- if (movings) {
396
+ if (moving) {
400
397
  isConfirmEvent.current = true;
401
398
  } else {
402
- onConfirm && onConfirm(setSelectedOptions(), selectedValue);
399
+ setSelectedValue(innerValue);
403
400
  closePicker();
404
401
  }
405
402
  setTimeout(function() {
@@ -407,8 +404,8 @@ var InternalPicker = function InternalPicker2(props, ref) {
407
404
  }, 0);
408
405
  };
409
406
  var closePicker = function closePicker2() {
410
- onClose && onClose(setSelectedOptions(), selectedValue);
411
- afterClose && afterClose(setSelectedOptions(), selectedValue, pickerRef);
407
+ onClose && onClose(setSelectedOptions(), innerValue);
408
+ afterClose && afterClose(setSelectedOptions(), innerValue, pickerRef);
412
409
  };
413
410
  var renderTitleBar = function renderTitleBar2() {
414
411
  return React__default.createElement("div", {
@@ -434,13 +431,13 @@ var InternalPicker = function InternalPicker2(props, ref) {
434
431
  }, React__default.createElement("div", _objectSpread({
435
432
  className: classes,
436
433
  style
437
- }, rest), renderTitleBar(), React__default.createElement("div", {
434
+ }, rest), renderTitleBar(), children, React__default.createElement("div", {
438
435
  className: "".concat(classPrefix, "__panel"),
439
436
  ref: pickerRef
440
437
  }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function(item, index) {
441
438
  return React__default.createElement(PickerPanel$1, {
442
439
  ref: setRefs(index),
443
- defaultValue: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue[index],
440
+ defaultValue: innerValue === null || innerValue === void 0 ? void 0 : innerValue[index],
444
441
  options: item,
445
442
  threeDimensional,
446
443
  chooseItem: function chooseItem(value, index2) {
package/dist/esm/Popover/style/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import '../../Overlay/style'
1
+ import '../../Popup/style'
2
2
  import '../../../packages/popover/popover.scss'
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-gray-7, rgba(0, 0, 0, .7)))}.nut-overflow-hidden{overflow:hidden!important}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@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-popover{display:inline-block}.nut-popover>div{position:relative}.nut-popover .more-background{background:var(--nutui-popover-white-background-color, rgb(255, 255, 255));opacity:0;position:fixed;width:100%;height:1000px;z-index:10;left:0}.nut-popover .popover-arrow{position:absolute;z-index:-1;width:0;height:0;border:8px solid transparent}.nut-popover .popover-content{z-index:12;background:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-radius:var(--nutui-popover-border-radius, 8px);opacity:1;font-size:var(--nutui-popover-font-size, var(--nutui-font-size-1, 12px));font-weight:400;color:var(--nutui-popover-primary-text-color, rgb(51, 51, 51));position:absolute;box-shadow:0 2px 12px #3232331f;opacity:0;transition:opacity .1s}.nut-popover .popover-content.popover-content-show{opacity:1}.nut-popover .popover-content .popover-menu-item{position:relative;padding:0 8px;display:flex;align-items:center;height:var(--nutui-popover-menu-item-height, 30px)}.nut-popover .popover-content .popover-menu-item .popover-menu-item-name{margin:var(--nutui-popover-menu-item-name-margin, 0px 10px);width:100%}.nut-popover .popover-content .popover-menu-item:first-child{border-radius:var(--nutui-popover-border-radius, 8px) var(--nutui-popover-border-radius, 8px) 0 0}.nut-popover .popover-content .popover-menu-item:last-child{border-bottom:none;border-radius:0 0 var(--nutui-popover-border-radius, 8px) var(--nutui-popover-border-radius, 8px)}.nut-popover .popover-content .popover-menu-item:last-child:after{height:0}.nut-popover .popover-content .popover-menu-item:hover{cursor:pointer;color:var(--nutui-popover-menu-item-hover-text-color, var(--nutui-brand-text-color, #ffffff));background-color:var(--nutui-popover-menu-item-hover-background-color, var(--nutui-brand-color, #fa2c19))}.nut-popover .popover-content .popover-menu-item:after{position:absolute;left:var(--nutui-popover-menu-item-border-left, 10%);bottom:var(--nutui-popover-menu-item-border-bottom, 2%);content:" ";display:inline-block;width:var(--nutui-popover-menu-item-border-width, 80%);height:var(--nutui-popover-menu-item-border-height, 1px);background-color:var(--nutui-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .popover-arrow-top{bottom:0;border-top-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-7px}.nut-popover .popover-content--top,.nut-popover .popover-content--top .popover-arrow--top{left:50%;transform:translate(-50%)}.nut-popover .popover-content--top-end{right:0}.nut-popover .popover-content--top-end .popover-arrow--top-end{right:16px;transform:translate(0)}.nut-popover .popover-content--top-start{left:0}.nut-popover .popover-content--top-start .popover-arrow--top-start{left:16px;transform:translate(0)}.nut-popover .popover-content--bottom{left:50%;transform:translate(-50%)}.nut-popover .popover-content--bottom-end{right:0}.nut-popover .popover-content--bottom-start{left:0}.nut-popover .popover-content--left{top:50%;transform:translateY(-50%)}.nut-popover .popover-content--left-end{bottom:0}.nut-popover .popover-content--left-start{top:0}.nut-popover .popover-content--right{top:50%;transform:translateY(-50%)}.nut-popover .popover-content--right-end{bottom:0}.nut-popover .popover-content--right-start{top:0}.nut-popover .popover-arrow-bottom{top:0px;border-bottom-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-7px}.nut-popover .popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover .popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover .popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover .popover-arrow-left{right:0px;border-left-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .popover-arrow--left-start{top:16px;transform:translateY(0)}.nut-popover .popover-arrow--left-end{bottom:16px;transform:translateY(0)}.nut-popover .popover-arrow-right{left:0px;border-right-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .popover-arrow--right-start{top:16px;transform:translateY(0)}.nut-popover .popover-arrow--right-end{bottom:16px;transform:translateY(0)}.nut-popover .popover-menu-item.disabled{color:var(--nutui-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .popover-menu-item.disabled:hover{cursor:not-allowed;color:var(--nutui-popover-disable-color, rgb(154, 155, 157));background-color:var(--nutui-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark{background:var(--nutui-popover-dark-background-color, rgb(75, 76, 77));color:var(--nutui-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .popover-content{background:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))!important;color:var(--nutui-popover-white-background-color, rgb(255, 255, 255))!important}.nut-popover--dark .popover-content--bottom .popover-arrow,.nut-popover--dark .popover-content--bottom-start .popover-arrow,.nut-popover--dark .popover-content--bottom-end .popover-arrow{border-bottom-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .popover-content--top .popover-arrow,.nut-popover--dark .popover-content--top-start .popover-arrow,.nut-popover--dark .popover-content--top-end .popover-arrow{border-top-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .popover-content--left .popover-arrow,.nut-popover--dark .popover-content--left-start .popover-arrow,.nut-popover--dark .popover-content--left-end .popover-arrow{border-left-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .popover-content--right .popover-arrow,.nut-popover--dark .popover-content--right-start .popover-arrow,.nut-popover--dark .popover-content--right-end .popover-arrow{border-right-color:var(--nutui-popover-dark-background-color, rgb(75, 76, 77))}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@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-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}@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:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;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:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;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:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;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:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;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:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;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:.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:.3s}.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-white-background-color, var(--nutui-gray-6, #ffffff));border-bottom-width:0;margin-bottom:-8px}.nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #ffffff));border-top-width:0;margin-top:-8px}.nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translate(-50%)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translate(0)}.nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translate(0)}.nut-popover-arrow-left{right:0px;border-left-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #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:0px;border-right-color:var(--nutui-popover-white-background-color, var(--nutui-gray-6, #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, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-popover-border-radius, 8px);font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 14px));font-family:PingFangSC;font-weight:400;color:var(--nutui-popover-primary-text-color, var(--nutui-gray-1, #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{display:flex;align-items:center;padding:var(--nutui-popover-menu-item-padding, 8px);border-bottom:1px solid var(--nutui-popover-border-bottom-color, rgb(229, 229, 229))}.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-menu-item-hover-text-color, #1a1a1a);background-color:var(--nutui-popover-menu-item-hover-background-color, #fff)}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nutui-popover-disable-color, rgb(154, 155, 157));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-end{right: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:1999}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}