@nutui/nutui-react 1.5.1 → 1.5.2-beta.0

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 (350) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/nutui.react.mjs +27 -22
  3. package/dist/nutui.react.umd.js +27 -22
  4. package/package.json +1 -1
  5. package/dist/esm/ActionSheet/style/index.js +0 -2
  6. package/dist/esm/ActionSheet.js +0 -92
  7. package/dist/esm/Address/style/index.js +0 -4
  8. package/dist/esm/Address.js +0 -622
  9. package/dist/esm/Animate/style/index.js +0 -2
  10. package/dist/esm/Animate.js +0 -55
  11. package/dist/esm/AnimatingNumbers/style/index.js +0 -3
  12. package/dist/esm/AnimatingNumbers.js +0 -127
  13. package/dist/esm/Audio/style/index.js +0 -4
  14. package/dist/esm/Audio.js +0 -266
  15. package/dist/esm/Avatar/style/index.js +0 -2
  16. package/dist/esm/Avatar.js +0 -132
  17. package/dist/esm/AvatarContext-15733596.js +0 -3
  18. package/dist/esm/AvatarGroup/style/index.js +0 -2
  19. package/dist/esm/AvatarGroup.js +0 -43
  20. package/dist/esm/BackTop/style/index.js +0 -2
  21. package/dist/esm/BackTop.js +0 -139
  22. package/dist/esm/Badge/style/index.js +0 -2
  23. package/dist/esm/Badge.js +0 -73
  24. package/dist/esm/Barrage/style/index.js +0 -2
  25. package/dist/esm/Barrage.js +0 -99
  26. package/dist/esm/Button/style/index.js +0 -2
  27. package/dist/esm/Button.js +0 -109
  28. package/dist/esm/Calendar/style/index.js +0 -2
  29. package/dist/esm/Calendar.js +0 -129
  30. package/dist/esm/CalendarItem/style/index.js +0 -2
  31. package/dist/esm/CalendarItem.js +0 -676
  32. package/dist/esm/Card/style/index.js +0 -4
  33. package/dist/esm/Card.js +0 -63
  34. package/dist/esm/Cascader/style/index.js +0 -3
  35. package/dist/esm/Cascader.js +0 -673
  36. package/dist/esm/Cell/style/index.js +0 -2
  37. package/dist/esm/Cell.js +0 -103
  38. package/dist/esm/CellGroup/style/index.js +0 -2
  39. package/dist/esm/CellGroup.js +0 -5
  40. package/dist/esm/Checkbox/style/index.js +0 -3
  41. package/dist/esm/Checkbox.js +0 -8
  42. package/dist/esm/CheckboxGroup/style/index.js +0 -2
  43. package/dist/esm/CheckboxGroup.js +0 -113
  44. package/dist/esm/CircleProgress/style/index.js +0 -2
  45. package/dist/esm/CircleProgress.js +0 -116
  46. package/dist/esm/Col/style/index.js +0 -2
  47. package/dist/esm/Col.js +0 -58
  48. package/dist/esm/Collapse/style/index.js +0 -2
  49. package/dist/esm/Collapse.js +0 -99
  50. package/dist/esm/CollapseItem/style/index.js +0 -2
  51. package/dist/esm/CollapseItem.js +0 -148
  52. package/dist/esm/ConfigProvider/style/index.js +0 -2
  53. package/dist/esm/ConfigProvider.js +0 -187
  54. package/dist/esm/CountDown/style/index.js +0 -2
  55. package/dist/esm/CountDown.js +0 -247
  56. package/dist/esm/DatePicker/style/index.js +0 -2
  57. package/dist/esm/DatePicker.js +0 -310
  58. package/dist/esm/Dialog/style/index.js +0 -3
  59. package/dist/esm/Dialog.js +0 -296
  60. package/dist/esm/Divider/style/index.js +0 -2
  61. package/dist/esm/Divider.js +0 -36
  62. package/dist/esm/Drag/style/index.js +0 -2
  63. package/dist/esm/Drag.js +0 -120
  64. package/dist/esm/Elevator/style/index.js +0 -2
  65. package/dist/esm/Elevator.js +0 -236
  66. package/dist/esm/Ellipsis/style/index.js +0 -2
  67. package/dist/esm/Ellipsis.js +0 -177
  68. package/dist/esm/Empty/style/index.js +0 -2
  69. package/dist/esm/Empty.js +0 -82
  70. package/dist/esm/FixedNav/style/index.js +0 -3
  71. package/dist/esm/FixedNav.js +0 -105
  72. package/dist/esm/Form/style/index.js +0 -2
  73. package/dist/esm/Form.js +0 -221
  74. package/dist/esm/FormItem/style/index.js +0 -2
  75. package/dist/esm/FormItem.js +0 -5
  76. package/dist/esm/Grid/style/index.js +0 -2
  77. package/dist/esm/Grid.js +0 -83
  78. package/dist/esm/GridItem/style/index.js +0 -2
  79. package/dist/esm/GridItem.js +0 -125
  80. package/dist/esm/Icon/style/index.js +0 -4
  81. package/dist/esm/Icon.js +0 -5
  82. package/dist/esm/Image/style/index.js +0 -2
  83. package/dist/esm/Image.js +0 -170
  84. package/dist/esm/ImagePreview/style/index.js +0 -4
  85. package/dist/esm/ImagePreview.js +0 -226
  86. package/dist/esm/Indicator/style/index.js +0 -2
  87. package/dist/esm/Indicator.js +0 -52
  88. package/dist/esm/Infiniteloading/style/index.js +0 -2
  89. package/dist/esm/Infiniteloading.js +0 -217
  90. package/dist/esm/Input/style/index.js +0 -2
  91. package/dist/esm/Input.js +0 -363
  92. package/dist/esm/InputNumber/style/index.js +0 -2
  93. package/dist/esm/InputNumber.js +0 -277
  94. package/dist/esm/Layout/style/index.js +0 -2
  95. package/dist/esm/Layout.js +0 -14
  96. package/dist/esm/Menu/style/index.js +0 -3
  97. package/dist/esm/Menu.js +0 -154
  98. package/dist/esm/MenuItem/style/index.js +0 -3
  99. package/dist/esm/MenuItem.js +0 -177
  100. package/dist/esm/NavBar/style/index.js +0 -2
  101. package/dist/esm/NavBar.js +0 -116
  102. package/dist/esm/NoticeBar/style/index.js +0 -2
  103. package/dist/esm/NoticeBar.js +0 -570
  104. package/dist/esm/Notify/style/index.js +0 -2
  105. package/dist/esm/Notify.js +0 -236
  106. package/dist/esm/NumberKeyboard/style/index.js +0 -2
  107. package/dist/esm/NumberKeyboard.js +0 -249
  108. package/dist/esm/Overlay/style/index.js +0 -2
  109. package/dist/esm/Overlay.js +0 -6
  110. package/dist/esm/Pagination/style/index.js +0 -2
  111. package/dist/esm/Pagination.js +0 -170
  112. package/dist/esm/Picker/style/index.js +0 -2
  113. package/dist/esm/Picker.js +0 -496
  114. package/dist/esm/Popover/style/index.js +0 -3
  115. package/dist/esm/Popover.js +0 -225
  116. package/dist/esm/Popup/style/index.js +0 -3
  117. package/dist/esm/Popup.js +0 -195
  118. package/dist/esm/Price/style/index.js +0 -2
  119. package/dist/esm/Price.js +0 -86
  120. package/dist/esm/Progress/style/index.js +0 -2
  121. package/dist/esm/Progress.js +0 -124
  122. package/dist/esm/PullToRefresh/style/index.js +0 -2
  123. package/dist/esm/PullToRefresh.js +0 -277
  124. package/dist/esm/Radio/style/index.js +0 -3
  125. package/dist/esm/Radio.js +0 -6
  126. package/dist/esm/RadioGroup/style/index.js +0 -2
  127. package/dist/esm/RadioGroup.js +0 -123
  128. package/dist/esm/Range/style/index.js +0 -2
  129. package/dist/esm/Range.js +0 -407
  130. package/dist/esm/Rate/style/index.js +0 -2
  131. package/dist/esm/Rate.js +0 -123
  132. package/dist/esm/Row/style/index.js +0 -2
  133. package/dist/esm/Row.js +0 -50
  134. package/dist/esm/SearchBar/style/index.js +0 -2
  135. package/dist/esm/SearchBar.js +0 -237
  136. package/dist/esm/ShortPassword/style/index.js +0 -3
  137. package/dist/esm/ShortPassword.js +0 -193
  138. package/dist/esm/SideNavBar/style/index.js +0 -2
  139. package/dist/esm/SideNavBar.js +0 -58
  140. package/dist/esm/SideNavBarItem/style/index.js +0 -2
  141. package/dist/esm/SideNavBarItem.js +0 -25
  142. package/dist/esm/Signature/style/index.js +0 -2
  143. package/dist/esm/Signature.js +0 -155
  144. package/dist/esm/Skeleton/style/index.js +0 -2
  145. package/dist/esm/Skeleton.js +0 -100
  146. package/dist/esm/Step/style/index.js +0 -2
  147. package/dist/esm/Step.js +0 -89
  148. package/dist/esm/Steps/style/index.js +0 -2
  149. package/dist/esm/Steps.js +0 -40
  150. package/dist/esm/Sticky/style/index.js +0 -2
  151. package/dist/esm/Sticky.js +0 -192
  152. package/dist/esm/SubSideNavBar/style/index.js +0 -2
  153. package/dist/esm/SubSideNavBar.js +0 -79
  154. package/dist/esm/Swipe/style/index.js +0 -2
  155. package/dist/esm/Swipe.js +0 -232
  156. package/dist/esm/Swiper/style/index.js +0 -2
  157. package/dist/esm/Swiper.js +0 -492
  158. package/dist/esm/SwiperItem/style/index.js +0 -2
  159. package/dist/esm/SwiperItem.js +0 -38
  160. package/dist/esm/Switch/style/index.js +0 -2
  161. package/dist/esm/Switch.js +0 -73
  162. package/dist/esm/TabPane/style/index.js +0 -2
  163. package/dist/esm/TabPane.js +0 -6
  164. package/dist/esm/Tabbar/style/index.js +0 -2
  165. package/dist/esm/Tabbar.js +0 -70
  166. package/dist/esm/TabbarItem/style/index.js +0 -2
  167. package/dist/esm/TabbarItem.js +0 -80
  168. package/dist/esm/Table/style/index.js +0 -2
  169. package/dist/esm/Table.js +0 -142
  170. package/dist/esm/Tabs/style/index.js +0 -4
  171. package/dist/esm/Tabs.js +0 -9
  172. package/dist/esm/Tag/style/index.js +0 -2
  173. package/dist/esm/Tag.js +0 -111
  174. package/dist/esm/TextArea/style/index.js +0 -2
  175. package/dist/esm/TextArea.js +0 -150
  176. package/dist/esm/TimeDetail/style/index.js +0 -2
  177. package/dist/esm/TimeDetail.js +0 -69
  178. package/dist/esm/TimePannel/style/index.js +0 -2
  179. package/dist/esm/TimePannel.js +0 -31
  180. package/dist/esm/TimeSelect/style/index.js +0 -4
  181. package/dist/esm/TimeSelect.js +0 -173
  182. package/dist/esm/Toast/style/index.js +0 -2
  183. package/dist/esm/Toast.js +0 -271
  184. package/dist/esm/TrendArrow/style/index.js +0 -2
  185. package/dist/esm/TrendArrow.js +0 -101
  186. package/dist/esm/Uploader/style/index.js +0 -4
  187. package/dist/esm/Uploader.js +0 -566
  188. package/dist/esm/UserContext-101ad4a4.js +0 -3
  189. package/dist/esm/UserContext-2629d479.js +0 -3
  190. package/dist/esm/UserContext-b33bcf21.js +0 -3
  191. package/dist/esm/Video/style/index.js +0 -2
  192. package/dist/esm/Video.js +0 -92
  193. package/dist/esm/VirtualList/style/index.js +0 -2
  194. package/dist/esm/VirtualList.js +0 -315
  195. package/dist/esm/WaterMark/style/index.js +0 -2
  196. package/dist/esm/WaterMark.js +0 -113
  197. package/dist/esm/bem-3b438e61.js +0 -8
  198. package/dist/esm/cellgroup-fcc72767.js +0 -34
  199. package/dist/esm/checkbox-44e13cd0.js +0 -137
  200. package/dist/esm/date-c7aad4c0.js +0 -97
  201. package/dist/esm/formitem-8a73a5fb.js +0 -157
  202. package/dist/esm/get-scroll-parent-5f85dee8.js +0 -24
  203. package/dist/esm/grid.context-2ee27d95.js +0 -6
  204. package/dist/esm/icon-4ef1581c.js +0 -70
  205. package/dist/esm/index-030b7245.js +0 -11
  206. package/dist/esm/nutui-react.es.js +0 -94
  207. package/dist/esm/offsetContext-3ab00d40.js +0 -16
  208. package/dist/esm/overlay-de6c79d5.js +0 -83
  209. package/dist/esm/radio-9f141e6b.js +0 -118
  210. package/dist/esm/render-bbebb760.js +0 -79
  211. package/dist/esm/tabpane-01075e6c.js +0 -29
  212. package/dist/esm/tabs-e1b4e4b1.js +0 -181
  213. package/dist/esm/typings-f27b58f4.js +0 -8
  214. package/dist/esm/useClientRect-56bb675b.js +0 -39
  215. package/dist/esm/useTouch-cf73a407.js +0 -99
  216. package/dist/locales/base.d.ts +0 -129
  217. package/dist/locales/base.js +0 -5
  218. package/dist/locales/en-US.d.ts +0 -3
  219. package/dist/locales/en-US.js +0 -135
  220. package/dist/locales/id-ID.d.ts +0 -3
  221. package/dist/locales/id-ID.js +0 -135
  222. package/dist/locales/zh-CN.d.ts +0 -3
  223. package/dist/locales/zh-CN.js +0 -137
  224. package/dist/locales/zh-TW.d.ts +0 -3
  225. package/dist/locales/zh-TW.js +0 -135
  226. package/dist/locales/zh-UG.d.ts +0 -3
  227. package/dist/locales/zh-UG.js +0 -135
  228. package/dist/packages/actionsheet/actionsheet.scss +0 -103
  229. package/dist/packages/address/address.scss +0 -243
  230. package/dist/packages/animate/animate.scss +0 -284
  231. package/dist/packages/animatingnumbers/animatingnumbers.scss +0 -0
  232. package/dist/packages/animatingnumbers/countup.scss +0 -45
  233. package/dist/packages/audio/audio.scss +0 -93
  234. package/dist/packages/avatar/avatar.scss +0 -58
  235. package/dist/packages/avatargroup/avatargroup.scss +0 -14
  236. package/dist/packages/backtop/backtop.scss +0 -29
  237. package/dist/packages/badge/badge.scss +0 -53
  238. package/dist/packages/barrage/barrage.scss +0 -60
  239. package/dist/packages/button/button.scss +0 -245
  240. package/dist/packages/calendar/calendar.scss +0 -265
  241. package/dist/packages/calendaritem/calendaritem.scss +0 -0
  242. package/dist/packages/card/card.scss +0 -83
  243. package/dist/packages/cascader/cascader.scss +0 -108
  244. package/dist/packages/cell/cell.scss +0 -107
  245. package/dist/packages/cellgroup/cellgroup.scss +0 -46
  246. package/dist/packages/checkbox/checkbox.scss +0 -49
  247. package/dist/packages/checkboxgroup/checkboxgroup.scss +0 -33
  248. package/dist/packages/circleprogress/circleprogress.scss +0 -33
  249. package/dist/packages/col/col.scss +0 -24
  250. package/dist/packages/collapse/collapse.scss +0 -0
  251. package/dist/packages/collapseitem/collapseitem.scss +0 -161
  252. package/dist/packages/configprovider/configprovider.scss +0 -0
  253. package/dist/packages/countdown/countdown.scss +0 -3
  254. package/dist/packages/datepicker/datepicker.scss +0 -0
  255. package/dist/packages/dialog/dialog.scss +0 -135
  256. package/dist/packages/divider/divider.scss +0 -73
  257. package/dist/packages/drag/drag.scss +0 -10
  258. package/dist/packages/elevator/elevator.scss +0 -124
  259. package/dist/packages/ellipsis/ellipsis.scss +0 -17
  260. package/dist/packages/empty/empty.scss +0 -42
  261. package/dist/packages/fixednav/fixednav.scss +0 -141
  262. package/dist/packages/form/form.scss +0 -31
  263. package/dist/packages/formitem/formitem.scss +0 -100
  264. package/dist/packages/grid/grid.scss +0 -10
  265. package/dist/packages/griditem/griditem.scss +0 -108
  266. package/dist/packages/icon/icon.scss +0 -132
  267. package/dist/packages/image/image.scss +0 -53
  268. package/dist/packages/imagepreview/imagepreview.scss +0 -51
  269. package/dist/packages/indicator/indicator.scss +0 -70
  270. package/dist/packages/infiniteloading/infiniteloading.scss +0 -69
  271. package/dist/packages/input/input.scss +0 -203
  272. package/dist/packages/inputnumber/inputnumber.scss +0 -79
  273. package/dist/packages/layout/layout.scss +0 -2
  274. package/dist/packages/menu/menu.scss +0 -75
  275. package/dist/packages/menuitem/menuitem.scss +0 -120
  276. package/dist/packages/navbar/navbar.scss +0 -185
  277. package/dist/packages/noticebar/noticebar.scss +0 -156
  278. package/dist/packages/notify/notify.scss +0 -93
  279. package/dist/packages/numberkeyboard/numberkeyboard.scss +0 -147
  280. package/dist/packages/overlay/overlay.scss +0 -75
  281. package/dist/packages/pagination/pagination.scss +0 -81
  282. package/dist/packages/picker/picker.scss +0 -225
  283. package/dist/packages/popover/popover.scss +0 -288
  284. package/dist/packages/popup/popup.scss +0 -201
  285. package/dist/packages/price/price.scss +0 -37
  286. package/dist/packages/progress/progress.scss +0 -114
  287. package/dist/packages/pulltorefresh/pulltorefresh.scss +0 -26
  288. package/dist/packages/radio/radio.scss +0 -84
  289. package/dist/packages/radiogroup/radiogroup.scss +0 -86
  290. package/dist/packages/range/range.scss +0 -224
  291. package/dist/packages/rate/rate.scss +0 -36
  292. package/dist/packages/row/row.scss +0 -83
  293. package/dist/packages/searchbar/searchbar.scss +0 -146
  294. package/dist/packages/shortpassword/shortpassword.scss +0 -203
  295. package/dist/packages/sidenavbar/sidenavbar.scss +0 -100
  296. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +0 -25
  297. package/dist/packages/signature/signature.scss +0 -39
  298. package/dist/packages/skeleton/skeleton.scss +0 -70
  299. package/dist/packages/step/step.scss +0 -274
  300. package/dist/packages/steps/steps.scss +0 -7
  301. package/dist/packages/sticky/sticky.scss +0 -3
  302. package/dist/packages/subsidenavbar/subsidenavbar.scss +0 -35
  303. package/dist/packages/swipe/swipe.scss +0 -33
  304. package/dist/packages/swiper/swiper.scss +0 -45
  305. package/dist/packages/swiperitem/swiperitem.scss +0 -3
  306. package/dist/packages/switch/switch.scss +0 -87
  307. package/dist/packages/tabbar/tabbar.scss +0 -46
  308. package/dist/packages/tabbaritem/tabbaritem.scss +0 -97
  309. package/dist/packages/table/table.scss +0 -152
  310. package/dist/packages/tabpane/tabpane.scss +0 -23
  311. package/dist/packages/tabs/tabs.scss +0 -284
  312. package/dist/packages/tag/tag.scss +0 -67
  313. package/dist/packages/textarea/textarea.scss +0 -60
  314. package/dist/packages/timedetail/timedetail.scss +0 -45
  315. package/dist/packages/timepannel/timepannel.scss +0 -17
  316. package/dist/packages/timeselect/timeselect.scss +0 -73
  317. package/dist/packages/toast/toast.scss +0 -98
  318. package/dist/packages/trendarrow/trendarrow.scss +0 -17
  319. package/dist/packages/uploader/uploader.scss +0 -237
  320. package/dist/packages/video/video.scss +0 -18
  321. package/dist/packages/virtuallist/virtuallist.scss +0 -87
  322. package/dist/packages/watermark/watermark.scss +0 -13
  323. package/dist/style.css +0 -1
  324. package/dist/style.mjs +0 -9
  325. package/dist/styles/animation/drop.scss +0 -24
  326. package/dist/styles/animation/ease.scss +0 -23
  327. package/dist/styles/animation/fade.scss +0 -20
  328. package/dist/styles/animation/icon.scss +0 -245
  329. package/dist/styles/animation/index.scss +0 -7
  330. package/dist/styles/animation/rotate.scss +0 -10
  331. package/dist/styles/animation/zoom.scss +0 -26
  332. package/dist/styles/font/config.json +0 -175
  333. package/dist/styles/font/demo.css +0 -539
  334. package/dist/styles/font/demo_index.html +0 -3063
  335. package/dist/styles/font/iconfont.css +0 -515
  336. package/dist/styles/font/iconfont.eot +0 -0
  337. package/dist/styles/font/iconfont.js +0 -68
  338. package/dist/styles/font/iconfont.json +0 -884
  339. package/dist/styles/font/iconfont.svg +0 -356
  340. package/dist/styles/font/iconfont.ttf +0 -0
  341. package/dist/styles/font/iconfont.woff +0 -0
  342. package/dist/styles/font/iconfont.woff2 +0 -0
  343. package/dist/styles/mixins/index.scss +0 -2
  344. package/dist/styles/mixins/make-animation.scss +0 -24
  345. package/dist/styles/mixins/text-ellipsis.scss +0 -20
  346. package/dist/styles/theme-dark.scss +0 -26
  347. package/dist/styles/theme-default.scss +0 -40
  348. package/dist/styles/themes/default.scss +0 -97
  349. package/dist/styles/variables.scss +0 -2610
  350. package/dist/types/index.d.ts +0 -2198
@@ -1,622 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- var _excluded = ["children", "type", "existAddress", "selectedIcon", "defaultIcon", "isShowCustomAddress", "customAndExistTitle", "onSelected", "onClose", "onSwitchModule"],
6
- _excluded2 = ["children", "type", "modelValue", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
7
- _excluded3 = ["modelValue", "modelSelect", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className", "iconClassPrefix", "iconFontClassName"];
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
- import React__default, { useEffect, useState, useRef } from 'react';
11
- import Icon from './Icon.js';
12
- import Popup from './Popup.js';
13
- import { c as cn } from './bem-3b438e61.js';
14
- import { useConfig } from './ConfigProvider.js';
15
- import Elevator from './Elevator.js';
16
- import { C as ComponentDefaults } from './typings-f27b58f4.js';
17
- import '@bem-react/classname';
18
- var defaultProps$2 = {
19
- type: 'custom',
20
- existAddress: [],
21
- defaultIcon: 'location2',
22
- selectedIcon: 'Check',
23
- isShowCustomAddress: true,
24
- customAndExistTitle: ''
25
- };
26
- var ExistRender = function ExistRender(props) {
27
- var _useConfig = useConfig(),
28
- locale = _useConfig.locale;
29
- var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
30
- children = _defaultProps$2$props.children,
31
- type = _defaultProps$2$props.type,
32
- existAddress = _defaultProps$2$props.existAddress,
33
- selectedIcon = _defaultProps$2$props.selectedIcon,
34
- defaultIcon = _defaultProps$2$props.defaultIcon,
35
- isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress,
36
- customAndExistTitle = _defaultProps$2$props.customAndExistTitle,
37
- onSelected = _defaultProps$2$props.onSelected,
38
- onClose = _defaultProps$2$props.onClose,
39
- onSwitchModule = _defaultProps$2$props.onSwitchModule,
40
- rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
41
- var b = cn('address');
42
- // 选择现有地址
43
- var selectedExist = function selectedExist(item) {
44
- var copyExistAdd = existAddress;
45
- var prevExistAdd = {
46
- provinceName: '',
47
- cityName: '',
48
- countyName: '',
49
- townName: '',
50
- addressDetail: '',
51
- selectedAddress: false
52
- };
53
- copyExistAdd.forEach(function (list, index) {
54
- if (list && list.selectedAddress) {
55
- prevExistAdd = list;
56
- }
57
- list.selectedAddress = false;
58
- });
59
- item.selectedAddress = true;
60
- onSelected && onSelected(prevExistAdd, item, copyExistAdd);
61
- };
62
- // 选择其他地址
63
- var switchModule = function switchModule() {
64
- onSwitchModule && onSwitchModule({
65
- type: type === 'exist' ? 'custom' : 'exist'
66
- });
67
- };
68
- useEffect(function () {}, [existAddress]);
69
- return React__default.createElement("div", {
70
- className: b('exist')
71
- }, React__default.createElement("div", {
72
- className: b('exist-group')
73
- }, React__default.createElement("ul", {
74
- className: b('exist-ul')
75
- }, existAddress.map(function (item, index) {
76
- return React__default.createElement("li", {
77
- className: b('exist-item'),
78
- key: index
79
- }, React__default.createElement("div", {
80
- onClick: function onClick() {
81
- return selectedExist(item);
82
- }
83
- }, React__default.createElement(Icon, {
84
- className: b('exist-item-icon'),
85
- name: item.selectedAddress ? selectedIcon : defaultIcon,
86
- color: item.selectedAddress ? '#FA2C19' : '',
87
- size: "13px"
88
- }), React__default.createElement("div", {
89
- className: b('exist-item-info')
90
- }, item.name && item.phone && React__default.createElement("div", {
91
- className: "exist-item-info-top"
92
- }, React__default.createElement("div", {
93
- className: "exist-item-info-name"
94
- }, item.name), React__default.createElement("div", {
95
- className: "exist-item-info-phone"
96
- }, item.phone)), React__default.createElement("div", {
97
- className: "exist-item-info-bottom"
98
- }, React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
99
- }))), isShowCustomAddress && React__default.createElement("div", {
100
- className: b('choose-other'),
101
- onClick: switchModule
102
- }, React__default.createElement("div", {
103
- className: b('choose-other-btn')
104
- }, customAndExistTitle || locale.address.chooseAnotherAddress)));
105
- };
106
- var defaultProps$1 = {
107
- modelValue: [],
108
- type: 'custom',
109
- province: [],
110
- city: [],
111
- country: [],
112
- town: [],
113
- height: '200px'
114
- };
115
- var CustomRender = function CustomRender(props) {
116
- var _useConfig2 = useConfig(),
117
- locale = _useConfig2.locale;
118
- var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
119
- children = _defaultProps$1$props.children,
120
- type = _defaultProps$1$props.type,
121
- modelValue = _defaultProps$1$props.modelValue,
122
- height = _defaultProps$1$props.height,
123
- province = _defaultProps$1$props.province,
124
- city = _defaultProps$1$props.city,
125
- country = _defaultProps$1$props.country,
126
- town = _defaultProps$1$props.town,
127
- onNextArea = _defaultProps$1$props.onNextArea,
128
- onTabClick = _defaultProps$1$props.onTabClick,
129
- onClose = _defaultProps$1$props.onClose,
130
- rest = _objectWithoutProperties(_defaultProps$1$props, _excluded2);
131
- var b = cn('address');
132
- var _useState = useState(type),
133
- _useState2 = _slicedToArray(_useState, 1),
134
- privateType = _useState2[0];
135
- var _useState3 = useState(0),
136
- _useState4 = _slicedToArray(_useState3, 2),
137
- tabIndex = _useState4[0],
138
- setTabIndex = _useState4[1];
139
- var _useState5 = useState(['province', 'city', 'country', 'town']),
140
- _useState6 = _slicedToArray(_useState5, 1),
141
- tabName = _useState6[0];
142
- var provinceRef = useRef(null);
143
- var cityRef = useRef(null);
144
- var countryRef = useRef(null);
145
- var townRef = useRef(null);
146
- var regionLine = useRef(null);
147
- var isCustom2 = function isCustom2() {
148
- return type === 'custom2';
149
- };
150
- var transformData = function transformData(data) {
151
- if (!Array.isArray(data)) throw new TypeError('params muse be array.');
152
- if (!data.length) return [];
153
- data.forEach(function (item) {
154
- if (!item.title) {
155
- console.error('[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .');
156
- }
157
- });
158
- var newData = [];
159
- data = data.sort(function (a, b) {
160
- return a.title.localeCompare(b.title);
161
- });
162
- data.forEach(function (item) {
163
- var index = newData.findIndex(function (value) {
164
- return value.title === item.title;
165
- });
166
- if (index <= -1) {
167
- newData.push({
168
- title: item.title,
169
- list: [].concat(item)
170
- });
171
- } else {
172
- newData[index] = {
173
- title: item.title,
174
- list: newData[index].list.concat(item)
175
- };
176
- }
177
- });
178
- return newData;
179
- };
180
- var _useState7 = useState({
181
- province: isCustom2() ? transformData(province) : province,
182
- city: isCustom2() ? transformData(city) : city,
183
- country: isCustom2() ? transformData(country) : country,
184
- town: isCustom2() ? transformData(town) : town
185
- }),
186
- _useState8 = _slicedToArray(_useState7, 2),
187
- regionList = _useState8[0],
188
- setRegionList = _useState8[1];
189
- // 已选择的 省、市、县、镇
190
- var _useState9 = useState({
191
- province: {
192
- name: ''
193
- },
194
- city: {
195
- name: ''
196
- },
197
- country: {
198
- name: ''
199
- },
200
- town: {
201
- name: ''
202
- }
203
- }),
204
- _useState10 = _slicedToArray(_useState9, 2),
205
- selectedRegion = _useState10[0],
206
- setSelectedRegion = _useState10[1];
207
- var _useState11 = useState(20),
208
- _useState12 = _slicedToArray(_useState11, 2),
209
- lineDistance = _useState12[0],
210
- setLineDistance = _useState12[1];
211
- // 获取已选地区列表名称
212
- var getTabName = function getTabName(item, index) {
213
- if (tabIndex > index) {
214
- return item.name;
215
- }
216
- return locale.select;
217
- };
218
- var mapRef = {
219
- province: provinceRef,
220
- city: cityRef,
221
- country: countryRef,
222
- town: townRef
223
- };
224
- // 移动下面的红线
225
- var lineAnimation = function lineAnimation(index) {
226
- setTimeout(function () {
227
- var name = tabName[index];
228
- var refD = mapRef;
229
- if (name && refD[name] && refD[name].current) {
230
- var distance = refD[name].current.offsetLeft;
231
- setLineDistance(distance || 20);
232
- }
233
- }, 0);
234
- };
235
- // 切换下一级列表
236
- var nextAreaList = function nextAreaList(item) {
237
- // onchange 接收的参数
238
- var calBack = {
239
- next: '',
240
- value: '',
241
- custom: tabName[tabIndex]
242
- };
243
- var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
244
- if (bbselectedRegion) {
245
- setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
246
- calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
247
- for (var i = tabIndex; i < tabIndex - 1; i++) {
248
- setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], null)));
249
- calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
250
- }
251
- }
252
- if (tabIndex < 4) {
253
- // 切换下一个
254
- if (tabIndex === 3) {
255
- calBack.next = '';
256
- } else {
257
- setTabIndex(function () {
258
- return tabIndex + 1;
259
- });
260
- lineAnimation(tabIndex + 1);
261
- calBack.next = tabName[tabIndex + 1];
262
- }
263
- calBack.value = item;
264
- onNextArea && onNextArea(calBack);
265
- } else {
266
- onClose && onClose();
267
- }
268
- };
269
- // 切换地区Tab
270
- var changeRegionTab = function changeRegionTab(item, index, key) {
271
- if (getTabName(item, index)) {
272
- setTabIndex(index);
273
- lineAnimation(index);
274
- }
275
- onTabClick && onTabClick(key);
276
- };
277
- // 默认选中项
278
- var initCustomSelected = function initCustomSelected() {
279
- if (modelValue.length > 0) {
280
- var tagIndex = 0;
281
- var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
282
- var _loop = function _loop() {
283
- if (regionList[tabName[index]].length === 0) {
284
- tagIndex = index - 1;
285
- setTabIndex(index - 1);
286
- return "break";
287
- } else {
288
- var val = modelValue[index];
289
- var arr = regionList[tabName[index]];
290
- if (privateType === 'custom') {
291
- selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
292
- return item.id === val;
293
- })[0];
294
- } else if (privateType === 'custom2') {
295
- var sumArr = [];
296
- arr.forEach(function (item) {
297
- sumArr.push.apply(sumArr, _toConsumableArray(item.list));
298
- });
299
- selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
300
- return item.id === val;
301
- })[0];
302
- }
303
- tagIndex = index;
304
- setSelectedRegion(selectedRegionC);
305
- }
306
- };
307
- for (var index = 0; index < modelValue.length; index++) {
308
- var _ret = _loop();
309
- if (_ret === "break") break;
310
- }
311
- setTabIndex(tagIndex);
312
- lineAnimation(tagIndex);
313
- }
314
- };
315
- var handleElevatorItem = function handleElevatorItem(key, item) {
316
- nextAreaList(item);
317
- };
318
- useEffect(function () {
319
- var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
320
- province = _defaultProps$1$props2.province;
321
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
322
- province: isCustom2() ? transformData(province) : province
323
- }));
324
- }, [province]);
325
- useEffect(function () {
326
- var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
327
- city = _defaultProps$1$props3.city;
328
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
329
- city: isCustom2() ? transformData(city) : city
330
- }));
331
- }, [city]);
332
- useEffect(function () {
333
- var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
334
- country = _defaultProps$1$props4.country;
335
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
336
- country: isCustom2() ? transformData(country) : country
337
- }));
338
- }, [country]);
339
- useEffect(function () {
340
- var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
341
- town = _defaultProps$1$props5.town;
342
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
343
- town: isCustom2() ? transformData(town) : town
344
- }));
345
- }, [town]);
346
- useEffect(function () {
347
- initCustomSelected();
348
- }, [modelValue]);
349
- return React__default.createElement("div", {
350
- className: b('custom')
351
- }, React__default.createElement("div", {
352
- className: b('region-tab')
353
- }, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
354
- return React__default.createElement("div", {
355
- className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
356
- key: index,
357
- ref: mapRef[key],
358
- onClick: function onClick() {
359
- return changeRegionTab(selectedRegion[key], index, key);
360
- }
361
- }, index <= tabIndex && React__default.createElement("div", null, getTabName(selectedRegion[key], index)));
362
- }), React__default.createElement("div", {
363
- className: b('tab-line'),
364
- ref: regionLine,
365
- style: {
366
- left: "".concat(lineDistance, "px")
367
- }
368
- })), privateType === 'custom' && React__default.createElement("div", {
369
- className: b('region-con')
370
- }, React__default.createElement("ul", {
371
- className: b('region-group')
372
- }, regionList[tabName[tabIndex]].map(function (item, index) {
373
- return React__default.createElement("li", {
374
- key: index,
375
- className: b('region-item')
376
- }, React__default.createElement("div", {
377
- onClick: function onClick() {
378
- nextAreaList(item);
379
- }
380
- }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
381
- className: b('region-item--icon'),
382
- name: "Check",
383
- color: "#FA2C19",
384
- size: "13px"
385
- }), item.name));
386
- }))), privateType === 'custom2' && React__default.createElement("div", {
387
- className: b('elevator-group')
388
- }, React__default.createElement(Elevator, {
389
- height: height,
390
- indexList: regionList[tabName[tabIndex]],
391
- onClickItem: handleElevatorItem
392
- })));
393
- };
394
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
395
- modelValue: false,
396
- modelSelect: [],
397
- type: 'custom',
398
- customAddressTitle: '',
399
- province: [],
400
- city: [],
401
- country: [],
402
- town: [],
403
- isShowCustomAddress: true,
404
- existAddress: [],
405
- existAddressTitle: '',
406
- customAndExistTitle: '',
407
- height: '200px',
408
- defaultIcon: 'location2',
409
- selectedIcon: 'Check',
410
- closeBtnIcon: 'circle-close',
411
- backBtnIcon: 'left'
412
- });
413
- var Address = function Address(props) {
414
- var _useConfig3 = useConfig(),
415
- locale = _useConfig3.locale;
416
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
417
- modelValue = _defaultProps$props.modelValue,
418
- modelSelect = _defaultProps$props.modelSelect,
419
- children = _defaultProps$props.children,
420
- type = _defaultProps$props.type,
421
- height = _defaultProps$props.height,
422
- customAddressTitle = _defaultProps$props.customAddressTitle,
423
- existAddress = _defaultProps$props.existAddress,
424
- existAddressTitle = _defaultProps$props.existAddressTitle,
425
- province = _defaultProps$props.province,
426
- city = _defaultProps$props.city,
427
- country = _defaultProps$props.country,
428
- town = _defaultProps$props.town,
429
- isShowCustomAddress = _defaultProps$props.isShowCustomAddress,
430
- customAndExistTitle = _defaultProps$props.customAndExistTitle,
431
- selectedIcon = _defaultProps$props.selectedIcon,
432
- defaultIcon = _defaultProps$props.defaultIcon,
433
- closeBtnIcon = _defaultProps$props.closeBtnIcon,
434
- backBtnIcon = _defaultProps$props.backBtnIcon,
435
- onChange = _defaultProps$props.onChange,
436
- onSelected = _defaultProps$props.onSelected,
437
- onClose = _defaultProps$props.onClose,
438
- closeMask = _defaultProps$props.closeMask,
439
- switchModule = _defaultProps$props.switchModule,
440
- onTabChecked = _defaultProps$props.onTabChecked,
441
- style = _defaultProps$props.style,
442
- className = _defaultProps$props.className,
443
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
444
- iconFontClassName = _defaultProps$props.iconFontClassName,
445
- rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
446
- var b = cn('address');
447
- var _useState13 = useState(type),
448
- _useState14 = _slicedToArray(_useState13, 2),
449
- privateType = _useState14[0],
450
- setPrivateType = _useState14[1];
451
- var _useState15 = useState(['province', 'city', 'country', 'town']),
452
- _useState16 = _slicedToArray(_useState15, 1),
453
- tabName = _useState16[0];
454
- var _useState17 = useState(modelValue),
455
- _useState18 = _slicedToArray(_useState17, 2),
456
- showPopup = _useState18[0],
457
- setShowPopup = _useState18[1];
458
- var _useState19 = useState({
459
- province: {
460
- name: ''
461
- },
462
- city: {
463
- name: ''
464
- },
465
- country: {
466
- name: ''
467
- },
468
- town: {
469
- name: ''
470
- }
471
- }),
472
- _useState20 = _slicedToArray(_useState19, 2),
473
- selectedRegion = _useState20[0],
474
- setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
475
- var _useState21 = useState({}),
476
- _useState22 = _slicedToArray(_useState21, 2),
477
- selectedExistAddress = _useState22[0],
478
- setSelectedExistAddress = _useState22[1]; // 当前选择的地址
479
- // 手动关闭 点击叉号(cross),或者蒙层(mask)
480
- var handClose = function handClose() {
481
- setShowPopup(false);
482
- };
483
- // 点击遮罩层关闭
484
- var clickOverlay = function clickOverlay() {
485
- closeMask && closeMask({
486
- closeWay: 'mask'
487
- });
488
- };
489
- // 切换下一级列表
490
- var nextAreaList = function nextAreaList(item) {
491
- // onchange 接收的参数
492
- var callbackParams = {
493
- next: item.next,
494
- value: item.value,
495
- custom: item.custom
496
- };
497
- setSelectedRegion(_objectSpread({}, item.selectedRegion));
498
- onChange && onChange(callbackParams);
499
- };
500
- // 选择现有地址
501
- var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
502
- setSelectedExistAddress(item);
503
- onSelected && onSelected(prevExistAdd, item, copyExistAdd);
504
- handClose();
505
- };
506
- // 初始化
507
- var initAddress = function initAddress() {
508
- for (var i = 0; i < tabName.length; i++) {
509
- setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
510
- }
511
- };
512
- // 关闭
513
- var closeFun = function closeFun() {
514
- var resCopy = _objectSpread({
515
- addressIdStr: '',
516
- addressStr: ''
517
- }, selectedRegion);
518
- var res = {
519
- data: _objectSpread({
520
- addressIdStr: '',
521
- addressStr: ''
522
- }, selectedRegion),
523
- type: privateType
524
- };
525
- if (privateType === 'custom' || privateType === 'custom2') {
526
- var _province = resCopy.province,
527
- _city = resCopy.city,
528
- _country = resCopy.country,
529
- _town = resCopy.town;
530
- resCopy.addressIdStr = [_province.id || 0, _city.id || 0, _country.id || 0, _town.id || 0].join('_');
531
- resCopy.addressStr = [_province.name, _city.name, _country.name, _town.name].join('');
532
- res.data = resCopy;
533
- } else {
534
- res.data = selectedExistAddress;
535
- }
536
- initAddress();
537
- onClose && onClose(res);
538
- };
539
- // 选择其他地址
540
- var onSwitchModule = function onSwitchModule() {
541
- if (privateType === 'exist') {
542
- setPrivateType('custom');
543
- } else {
544
- setPrivateType('exist');
545
- }
546
- initAddress();
547
- switchModule && switchModule({
548
- type: privateType
549
- });
550
- };
551
- var headerRender = function headerRender() {
552
- return React__default.createElement("div", {
553
- className: b('header')
554
- }, React__default.createElement("div", {
555
- className: "arrow-back",
556
- onClick: onSwitchModule
557
- }, privateType === 'custom' && backBtnIcon && React__default.createElement(Icon, {
558
- classPrefix: iconClassPrefix,
559
- fontClassName: iconFontClassName,
560
- name: backBtnIcon,
561
- color: "#cccccc"
562
- })), React__default.createElement("div", {
563
- className: b('header__title')
564
- }, privateType === 'custom' ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), React__default.createElement("div", {
565
- onClick: function onClick() {
566
- return handClose();
567
- }
568
- }, closeBtnIcon && React__default.createElement(Icon, {
569
- classPrefix: iconClassPrefix,
570
- fontClassName: iconFontClassName,
571
- name: closeBtnIcon,
572
- color: "#cccccc",
573
- size: "18px"
574
- })));
575
- };
576
- useEffect(function () {
577
- setShowPopup(modelValue);
578
- }, [modelValue]);
579
- useEffect(function () {
580
- if (!showPopup) {
581
- closeFun();
582
- }
583
- }, [showPopup]);
584
- return React__default.createElement(React__default.Fragment, null, showPopup && React__default.createElement(Popup, {
585
- visible: showPopup,
586
- position: "bottom",
587
- onClickOverlay: clickOverlay,
588
- onClose: function onClose() {
589
- closeFun();
590
- }
591
- }, React__default.createElement("div", _objectSpread({
592
- className: "".concat(b(), " ").concat(className || ''),
593
- style: _objectSpread({}, style)
594
- }, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
595
- modelValue: modelSelect,
596
- type: privateType,
597
- province: province,
598
- city: city,
599
- country: country,
600
- town: town,
601
- height: height,
602
- onNextArea: function onNextArea(cal) {
603
- nextAreaList && nextAreaList(cal);
604
- },
605
- onTabClick: function onTabClick(type) {
606
- onTabChecked && onTabChecked(type);
607
- },
608
- onClose: handClose
609
- }), privateType === 'exist' && React__default.createElement(ExistRender, {
610
- type: privateType,
611
- existAddress: existAddress,
612
- selectedIcon: selectedIcon,
613
- defaultIcon: defaultIcon,
614
- isShowCustomAddress: isShowCustomAddress,
615
- customAndExistTitle: customAndExistTitle || locale.address.chooseAnotherAddress,
616
- onSelected: selectedExist,
617
- onSwitchModule: onSwitchModule
618
- }))));
619
- };
620
- Address.defaultProps = defaultProps;
621
- Address.displayName = 'NutAddress';
622
- export { Address as default };
@@ -1,2 +0,0 @@
1
-
2
- import '../../../packages/animate/animate.scss'
@@ -1,55 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
5
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
- import React__default, { useState } from 'react';
8
- import classNames from 'classnames';
9
- import { c as cn } from './bem-3b438e61.js';
10
- import '@bem-react/classname';
11
- var defaultProps = {
12
- type: 'shake',
13
- action: 'initial',
14
- loop: false,
15
- onClick: function onClick(event) {}
16
- };
17
- var Animate = function Animate(props) {
18
- var _classNames;
19
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
20
- className = _defaultProps$props.className,
21
- type = _defaultProps$props.type,
22
- action = _defaultProps$props.action,
23
- loop = _defaultProps$props.loop,
24
- onClick = _defaultProps$props.onClick,
25
- children = _defaultProps$props.children,
26
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
27
- var _useState = useState(false),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- clicked = _useState2[0],
30
- setClicked = _useState2[1];
31
- var b = cn('animate');
32
- var classes = classNames((_classNames = {
33
- 'nut-ani-container': true
34
- }, _defineProperty(_classNames, "".concat(b(''), "-").concat(type), action === 'initial' || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
35
- var cls = classNames(classes, className);
36
- var handleClick = function handleClick(event) {
37
- setClicked(true);
38
- // 如果不是无限循环,清除类名
39
- if (!loop) {
40
- setTimeout(function () {
41
- setClicked(false);
42
- }, 1000);
43
- }
44
- onClick && onClick(event);
45
- };
46
- return React__default.createElement("div", {
47
- className: "nut-animate"
48
- }, React__default.createElement("div", _objectSpread({
49
- className: cls,
50
- onClick: handleClick
51
- }, rest), children));
52
- };
53
- Animate.defaultProps = defaultProps;
54
- Animate.displayName = 'NutAnimate';
55
- export { Animate as default };
@@ -1,3 +0,0 @@
1
- import'../../../packages/animatingnumbers/countup.scss';
2
-
3
- import '../../../packages/animatingnumbers/animatingnumbers.scss'