@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
package/dist/esm/Drag.js DELETED
@@ -1,120 +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 = ["attract", "direction", "boundary", "children", "className", "style"];
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, useRef, useEffect } from 'react';
8
- import { useDrag } from '@use-gesture/react';
9
- import { useSpring, animated } from '@react-spring/web';
10
- import { c as cn } from './bem-3b438e61.js';
11
- import '@bem-react/classname';
12
- var defaultProps = {
13
- attract: false,
14
- direction: undefined,
15
- boundary: {
16
- top: 0,
17
- left: 0,
18
- right: 0,
19
- bottom: 0
20
- },
21
- className: ''
22
- };
23
- var Drag = function Drag(props) {
24
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
25
- attract = _defaultProps$props.attract,
26
- direction = _defaultProps$props.direction,
27
- boundary = _defaultProps$props.boundary,
28
- children = _defaultProps$props.children,
29
- className = _defaultProps$props.className,
30
- style = _defaultProps$props.style,
31
- reset = _objectWithoutProperties(_defaultProps$props, _excluded);
32
- var b = cn('drag');
33
- var _useState = useState(boundary),
34
- _useState2 = _slicedToArray(_useState, 2),
35
- boundaryState = _useState2[0],
36
- setBoundaryState = _useState2[1];
37
- var myDrag = useRef(null);
38
- var _useSpring = useSpring(function () {
39
- return {
40
- x: 0,
41
- y: 0
42
- };
43
- }),
44
- _useSpring2 = _slicedToArray(_useSpring, 2),
45
- currstyle = _useSpring2[0],
46
- api = _useSpring2[1];
47
- var middleLine = useRef(0);
48
- var getInfo = function getInfo() {
49
- var el = myDrag.current;
50
- if (el) {
51
- var offsetWidth = el.offsetWidth,
52
- offsetHeight = el.offsetHeight,
53
- offsetTop = el.offsetTop,
54
- offsetLeft = el.offsetLeft;
55
- var _document$documentEle = document.documentElement,
56
- clientWidth = _document$documentEle.clientWidth,
57
- clientHeight = _document$documentEle.clientHeight;
58
- var top = boundary.top,
59
- left = boundary.left,
60
- bottom = boundary.bottom,
61
- right = boundary.right;
62
- setBoundaryState({
63
- top: -offsetTop + top,
64
- left: -offsetLeft + left,
65
- bottom: clientHeight - offsetHeight - offsetTop - bottom,
66
- right: clientWidth - offsetWidth - offsetLeft - right
67
- });
68
- middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
69
- }
70
- };
71
- var bind = useDrag(function (_ref) {
72
- var down = _ref.down,
73
- last = _ref.last,
74
- _ref$offset = _slicedToArray(_ref.offset, 2),
75
- x = _ref$offset[0],
76
- y = _ref$offset[1];
77
- api.start({
78
- x: x,
79
- y: y,
80
- immediate: down
81
- });
82
- if (last) {
83
- if (props.direction !== 'y' && props.attract) {
84
- if (x < middleLine.current) {
85
- api.start({
86
- x: boundaryState.left,
87
- y: y,
88
- immediate: down
89
- });
90
- } else {
91
- api.start({
92
- x: boundaryState.right,
93
- y: y,
94
- immediate: down
95
- });
96
- }
97
- }
98
- }
99
- }, {
100
- from: function from() {
101
- return [currstyle.x.get(), currstyle.y.get()];
102
- },
103
- axis: direction,
104
- bounds: boundaryState
105
- });
106
- useEffect(function () {
107
- getInfo();
108
- }, [myDrag]);
109
- return React__default.createElement("div", _objectSpread(_objectSpread({
110
- style: style,
111
- className: "".concat(b(), " ").concat(className)
112
- }, reset), {}, {
113
- ref: myDrag
114
- }), React__default.createElement(animated.div, _objectSpread({
115
- style: currstyle
116
- }, bind()), children));
117
- };
118
- Drag.defaultProps = defaultProps;
119
- Drag.displayName = 'NutDrag';
120
- export { Drag as default };
@@ -1,2 +0,0 @@
1
-
2
- import '../../../packages/elevator/elevator.scss'
@@ -1,236 +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 = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "onClickItem", "onClickIndex", "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, { createContext, useRef, useState, useEffect } from 'react';
8
- import { useGesture } from '@use-gesture/react';
9
- import { animated } from '@react-spring/web';
10
- import { c as cn } from './bem-3b438e61.js';
11
- import '@bem-react/classname';
12
- var elevatorContext = createContext({});
13
- var defaultProps = {
14
- height: '200px',
15
- acceptKey: 'title',
16
- indexList: [],
17
- isSticky: false,
18
- spaceHeight: 23,
19
- titleHeight: 35,
20
- className: ''
21
- };
22
- var Elevator = function Elevator(props) {
23
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
24
- height = _defaultProps$props.height,
25
- acceptKey = _defaultProps$props.acceptKey,
26
- indexList = _defaultProps$props.indexList,
27
- isSticky = _defaultProps$props.isSticky,
28
- spaceHeight = _defaultProps$props.spaceHeight,
29
- titleHeight = _defaultProps$props.titleHeight,
30
- className = _defaultProps$props.className,
31
- onClickItem = _defaultProps$props.onClickItem,
32
- onClickIndex = _defaultProps$props.onClickIndex,
33
- children = _defaultProps$props.children,
34
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
35
- var b = cn('elevator');
36
- var listview = useRef(null);
37
- var initData = {
38
- anchorIndex: 0,
39
- listHeight: [],
40
- listGroup: [],
41
- scrollY: 0
42
- };
43
- var touchState = useRef({
44
- y1: 0,
45
- y2: 0
46
- });
47
- var _useState = useState(0),
48
- _useState2 = _slicedToArray(_useState, 2),
49
- scrollY = _useState2[0],
50
- setScrollY = _useState2[1];
51
- var _useState3 = useState({}),
52
- _useState4 = _slicedToArray(_useState3, 2),
53
- currentData = _useState4[0],
54
- setCurrentData = _useState4[1];
55
- var _useState5 = useState(''),
56
- _useState6 = _slicedToArray(_useState5, 2),
57
- currentKey = _useState6[0],
58
- setCurrentKey = _useState6[1];
59
- var _useState7 = useState(0),
60
- _useState8 = _slicedToArray(_useState7, 2),
61
- currentIndex = _useState8[0],
62
- setCurrentIndex = _useState8[1];
63
- var _useState9 = useState(0),
64
- _useState10 = _slicedToArray(_useState9, 2),
65
- codeIndex = _useState10[0],
66
- setCodeIndex = _useState10[1];
67
- var _useState11 = useState(false),
68
- _useState12 = _slicedToArray(_useState11, 2),
69
- scrollStart = _useState12[0],
70
- setScrollStart = _useState12[1];
71
- var state = useRef(initData);
72
- // 重置滚动参数
73
- var resetScrollState = function resetScrollState() {
74
- setScrollStart(false);
75
- };
76
- var getData = function getData(el, name) {
77
- var prefix = 'data-';
78
- return el.getAttribute(prefix + name);
79
- };
80
- var calculateHeight = function calculateHeight() {
81
- var height = 0;
82
- state.current.listHeight.push(height);
83
- for (var i = 0; i < state.current.listGroup.length; i++) {
84
- var item = state.current.listGroup[i];
85
- height += item.clientHeight;
86
- state.current.listHeight.push(height);
87
- }
88
- };
89
- var scrollTo = function scrollTo(index) {
90
- if (!index && index !== 0) {
91
- return;
92
- }
93
- if (!state.current.listHeight.length) {
94
- calculateHeight();
95
- }
96
- var cacheIndex = index;
97
- if (index < 0) {
98
- cacheIndex = 0;
99
- }
100
- if (index > state.current.listHeight.length - 2) {
101
- cacheIndex = state.current.listHeight.length - 2;
102
- }
103
- setCodeIndex(cacheIndex);
104
- if (listview.current) {
105
- listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
106
- }
107
- };
108
- var bind = useGesture({
109
- onDragStart: function onDragStart(_ref) {
110
- var target = _ref.target,
111
- offset = _ref.offset;
112
- setScrollStart(true);
113
- var index = Number(getData(target, 'index'));
114
- touchState.current.y1 = offset[1];
115
- state.current.anchorIndex = +index;
116
- setCodeIndex(function (codeIndex) {
117
- return codeIndex + index;
118
- });
119
- scrollTo(index);
120
- },
121
- onDragEnd: function onDragEnd(_ref2) {
122
- var offset = _ref2.offset;
123
- touchState.current.y2 = offset[1];
124
- var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
125
- // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
126
- var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
127
- setCodeIndex(cacheIndex);
128
- scrollTo(cacheIndex);
129
- resetScrollState();
130
- }
131
- });
132
- var handleClickItem = function handleClickItem(key, item) {
133
- onClickItem && onClickItem(key, item);
134
- setCurrentData(item);
135
- setCurrentKey(key);
136
- };
137
- var handleClickIndex = function handleClickIndex(key) {
138
- onClickIndex && onClickIndex(key);
139
- };
140
- var setListGroup = function setListGroup() {
141
- if (listview.current) {
142
- var els = listview.current.querySelectorAll('.nut-elevator__list__item');
143
- els.forEach(function (el) {
144
- if (el != null && !state.current.listGroup.includes(el)) {
145
- state.current.listGroup.push(el);
146
- }
147
- });
148
- }
149
- };
150
- var listViewScroll = function listViewScroll(e) {
151
- var listHeight = state.current.listHeight;
152
- if (!listHeight.length) {
153
- calculateHeight();
154
- }
155
- var target = e.target;
156
- var scrollTop = target.scrollTop;
157
- state.current.scrollY = scrollTop;
158
- setScrollY(scrollTop);
159
- for (var i = 0; i < listHeight.length - 1; i++) {
160
- var height1 = listHeight[i];
161
- var height2 = listHeight[i + 1];
162
- if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
163
- setCurrentIndex(i);
164
- return;
165
- }
166
- }
167
- setCurrentIndex(listHeight.length - 2);
168
- };
169
- useEffect(function () {
170
- if (listview.current) {
171
- setListGroup();
172
- listview.current.addEventListener('scroll', listViewScroll);
173
- }
174
- }, [listview]);
175
- return React__default.createElement("div", _objectSpread({
176
- className: "".concat(b(), " ").concat(className)
177
- }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
178
- className: b('list__fixed')
179
- }, React__default.createElement("span", {
180
- className: "fixed-title"
181
- }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
182
- className: b('list'),
183
- style: {
184
- height: Number.isNaN(+height) ? height : "".concat(height, "px")
185
- }
186
- }, React__default.createElement("div", {
187
- className: b('list__inner'),
188
- ref: listview
189
- }, indexList.map(function (item, idx) {
190
- return React__default.createElement("div", {
191
- className: b('list__item'),
192
- key: idx
193
- }, React__default.createElement("div", {
194
- className: b('list__item__code')
195
- }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
196
- return React__default.createElement("div", {
197
- className: b('list__item__name', {
198
- highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
199
- }),
200
- key: subitem.id,
201
- onClick: function onClick() {
202
- return handleClickItem(item[acceptKey], subitem);
203
- }
204
- }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
205
- value: subitem
206
- }, children)) : subitem.name);
207
- })));
208
- }))), indexList.length && scrollStart ? React__default.createElement("div", {
209
- className: b('code--current', {
210
- current: true
211
- })
212
- }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
213
- className: b('bars')
214
- }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
215
- className: b('bars__inner')
216
- }, bind()), {}, {
217
- style: {
218
- touchAction: 'pan-y'
219
- }
220
- }), indexList.map(function (item, index) {
221
- return React__default.createElement("div", {
222
- className: b('bars__inner__item', {
223
- active: item[acceptKey] === indexList[currentIndex][acceptKey]
224
- }),
225
- "data-index": index,
226
- key: index,
227
- onClick: function onClick() {
228
- return handleClickIndex(item[acceptKey]);
229
- }
230
- }, item[acceptKey]);
231
- }))));
232
- };
233
- Elevator.defaultProps = defaultProps;
234
- Elevator.displayName = 'NutElevator';
235
- Elevator.Context = elevatorContext;
236
- export { Elevator as default };
@@ -1,2 +0,0 @@
1
-
2
- import '../../../packages/ellipsis/ellipsis.scss'
@@ -1,177 +0,0 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- 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; }
4
- 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; }
5
- import React__default, { useState, useRef, useLayoutEffect, useEffect } from 'react';
6
- import { useConfig } from './ConfigProvider.js';
7
- var defaultProps = {
8
- content: '',
9
- direction: 'end',
10
- rows: 1,
11
- expandText: '',
12
- collapseText: '',
13
- symbol: '...',
14
- lineHeight: '20'
15
- };
16
- var Ellipsis = function Ellipsis(props) {
17
- var _ellipsis$current, _ellipsis$current2;
18
- useConfig();
19
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
20
- children = _defaultProps$props.children,
21
- content = _defaultProps$props.content,
22
- direction = _defaultProps$props.direction,
23
- rows = _defaultProps$props.rows,
24
- expandText = _defaultProps$props.expandText,
25
- collapseText = _defaultProps$props.collapseText,
26
- symbol = _defaultProps$props.symbol,
27
- lineHeight = _defaultProps$props.lineHeight,
28
- onClick = _defaultProps$props.onClick,
29
- onChange = _defaultProps$props.onChange;
30
- var container = null;
31
- var maxHeight = 0; // 当行的最大高度
32
- var _useState = useState(false),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- exceeded = _useState2[0],
35
- setExceeded = _useState2[1];
36
- var _useState3 = useState(false),
37
- _useState4 = _slicedToArray(_useState3, 2),
38
- expanded = _useState4[0],
39
- setExpanded = _useState4[1];
40
- var ellipsis = useRef();
41
- var root = useRef(null);
42
- useLayoutEffect(function () {
43
- createContainer();
44
- }, []);
45
- useEffect(function () {
46
- if (content) {
47
- createContainer();
48
- }
49
- }, [content]);
50
- // 创建虚拟 container,内容为 contant 的内容
51
- var createContainer = function createContainer() {
52
- if (!root.current) return;
53
- var originStyle = window.getComputedStyle(root.current);
54
- container = document.createElement('div');
55
- var styleNames = Array.prototype.slice.apply(originStyle);
56
- styleNames.forEach(function (name) {
57
- container.style.setProperty(name, originStyle.getPropertyValue(name));
58
- });
59
- container.style.position = 'fixed';
60
- container.style.left = '999999px';
61
- container.style.top = '999999px';
62
- container.style.zIndex = '-1000';
63
- container.style.height = 'auto';
64
- container.style.minHeight = 'auto';
65
- container.style.maxHeight = 'auto';
66
- container.style.textOverflow = 'clip';
67
- container.style.whiteSpace = 'normal';
68
- container.style.webkitLineClamp = 'unset';
69
- container.style.display = 'block';
70
- var lineH = pxToNumber(originStyle.lineHeight === 'normal' ? lineHeight : originStyle.lineHeight);
71
- maxHeight = Math.floor(lineH * (Number(rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
72
- container.innerText = content;
73
- document.body.appendChild(container);
74
- calcEllipse();
75
- document.body.removeChild(container);
76
- };
77
- // 计算省略号的位置
78
- var calcEllipse = function calcEllipse() {
79
- if (container.offsetHeight <= maxHeight) {
80
- setExceeded(false);
81
- } else {
82
- setExceeded(true);
83
- var end = content.length;
84
- var middle = Math.floor((0 + end) / 2);
85
- var ellipsised = direction === 'middle' ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
86
- ellipsis.current = ellipsised;
87
- }
88
- };
89
- // 计算 start/end 省略
90
- var tailor = function tailor(left, right) {
91
- var actionText = expanded ? collapseText : expandText;
92
- var end = content.length;
93
- if (right - left <= 1) {
94
- if (direction === 'end') {
95
- return {
96
- leading: content.slice(0, left) + symbol
97
- };
98
- }
99
- return {
100
- tailing: symbol + content.slice(right, end)
101
- };
102
- }
103
- var middle = Math.round((left + right) / 2);
104
- if (direction === 'end') {
105
- container.innerText = content.slice(0, middle) + symbol + actionText;
106
- } else {
107
- container.innerText = actionText + symbol + content.slice(middle, end);
108
- }
109
- if (container.offsetHeight <= maxHeight) {
110
- if (direction === 'end') {
111
- return tailor(middle, right);
112
- }
113
- return tailor(left, middle);
114
- }
115
- if (direction === 'end') {
116
- return tailor(left, middle);
117
- }
118
- return tailor(middle, right);
119
- };
120
- // 计算 middle 省略
121
- var tailorMiddle = function tailorMiddle(leftPart, rightPart) {
122
- var actionText = expanded ? collapseText : expandText;
123
- var end = content.length;
124
- if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
125
- return {
126
- leading: content.slice(0, leftPart[0]) + symbol,
127
- tailing: symbol + content.slice(rightPart[1], end)
128
- };
129
- }
130
- var leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
131
- var rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
132
- container.innerText = content.slice(0, leftPartMiddle) + symbol + actionText + symbol + content.slice(rightPartMiddle, end);
133
- if (container.offsetHeight <= maxHeight) {
134
- return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
135
- }
136
- return tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
137
- };
138
- var pxToNumber = function pxToNumber(value) {
139
- if (!value) return 0;
140
- var match = value.match(/^\d*(\.\d*)?/);
141
- return match ? Number(match[0]) : 0;
142
- };
143
- // 展开收起
144
- var clickHandle = function clickHandle(type) {
145
- if (type === 1) {
146
- setExpanded(true);
147
- onChange && onChange('expand');
148
- } else {
149
- setExpanded(false);
150
- onChange && onChange('collapse');
151
- }
152
- };
153
- // 文本点击
154
- var handleClick = function handleClick() {
155
- onClick && onClick();
156
- };
157
- return React__default.createElement("div", {
158
- className: "nut-ellipsis",
159
- onClick: handleClick,
160
- ref: root
161
- }, React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
162
- className: "nut-ellipsis-text",
163
- onClick: function onClick(e) {
164
- e.stopPropagation();
165
- clickHandle(1);
166
- }
167
- }, expandText) : null, (_ellipsis$current2 = ellipsis.current) === null || _ellipsis$current2 === void 0 ? void 0 : _ellipsis$current2.tailing) : null, exceeded && expanded ? React__default.createElement(React__default.Fragment, null, content, expandText ? React__default.createElement("span", {
168
- className: "nut-ellipsis-text",
169
- onClick: function onClick(e) {
170
- e.stopPropagation();
171
- clickHandle(2);
172
- }
173
- }, collapseText) : null) : null));
174
- };
175
- Ellipsis.defaultProps = defaultProps;
176
- Ellipsis.displayName = 'NutEllipsis';
177
- export { Ellipsis as default };
@@ -1,2 +0,0 @@
1
-
2
- import '../../../packages/empty/empty.scss'
package/dist/esm/Empty.js DELETED
@@ -1,82 +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 = ["image", "imageSize", "description", "children", "className"];
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, useEffect } from 'react';
8
- import { c as cn } from './bem-3b438e61.js';
9
- import { useConfig } from './ConfigProvider.js';
10
- import '@bem-react/classname';
11
-
12
- /**
13
- * 内置图片地址
14
- */
15
- var defaultStatus = {
16
- empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
17
- error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
18
- network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
19
- };
20
- var defaultProps = {
21
- description: '',
22
- image: 'empty',
23
- imageSize: '',
24
- className: ''
25
- };
26
- var Empty = function Empty(props) {
27
- var _useConfig = useConfig(),
28
- locale = _useConfig.locale;
29
- // defaultProps.description = locale.noData || defaultProps.description
30
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
31
- image = _defaultProps$props.image,
32
- imageSize = _defaultProps$props.imageSize,
33
- description = _defaultProps$props.description,
34
- children = _defaultProps$props.children,
35
- className = _defaultProps$props.className,
36
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
37
- var _useState = useState({}),
38
- _useState2 = _slicedToArray(_useState, 2),
39
- imgStyle = _useState2[0],
40
- setImgStyle = _useState2[1];
41
- var b = cn('empty');
42
- var imageNode = image;
43
- if (typeof image === 'string') {
44
- var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
45
- var imageUrl = isHttpUrl ? image : defaultStatus[image];
46
- imageNode = React__default.createElement("img", {
47
- className: "img",
48
- src: imageUrl,
49
- alt: "empty"
50
- });
51
- }
52
- useEffect(function () {
53
- setImgStyle(function () {
54
- if (!imageSize) {
55
- return {};
56
- }
57
- if (typeof imageSize === 'number') {
58
- return {
59
- width: "".concat(imageSize, "px"),
60
- height: "".concat(imageSize, "px")
61
- };
62
- }
63
- return {
64
- width: imageSize,
65
- height: imageSize
66
- };
67
- });
68
- }, [imageSize]);
69
- return React__default.createElement("div", _objectSpread({
70
- className: "".concat(b(), " ").concat(className)
71
- }, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
72
- className: b('image'),
73
- style: imgStyle
74
- }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
75
- className: b('description')
76
- }, description || locale.noData) : {
77
- description: description
78
- }, children));
79
- };
80
- Empty.defaultProps = defaultProps;
81
- Empty.displayName = 'NutEmpty';
82
- export { Empty as default };
@@ -1,3 +0,0 @@
1
- import '../../Icon/style'
2
- import '../../Overlay/style'
3
- import '../../../packages/fixednav/fixednav.scss'