taro-ui 3.3.2 → 3.4.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 (561) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +85 -0
  3. package/{lib → dist}/common/utils.d.ts +2 -1
  4. package/{lib → dist}/common/utils.js +3 -0
  5. package/{lib → dist}/common/utils.js.map +1 -1
  6. package/dist/components/accordion/index.d.ts +17 -0
  7. package/dist/components/accordion/index.js +101 -0
  8. package/dist/components/accordion/index.js.map +1 -0
  9. package/dist/components/action-sheet/body/index.d.ts +3 -0
  10. package/dist/components/action-sheet/body/index.js +15 -0
  11. package/dist/components/action-sheet/body/index.js.map +1 -0
  12. package/dist/components/action-sheet/body/item/index.d.ts +9 -0
  13. package/dist/components/action-sheet/body/item/index.js +25 -0
  14. package/dist/components/action-sheet/body/item/index.js.map +1 -0
  15. package/dist/components/action-sheet/footer/index.d.ts +9 -0
  16. package/dist/components/action-sheet/footer/index.js +25 -0
  17. package/dist/components/action-sheet/footer/index.js.map +1 -0
  18. package/dist/components/action-sheet/header/index.d.ts +3 -0
  19. package/dist/components/action-sheet/header/index.js +15 -0
  20. package/dist/components/action-sheet/header/index.js.map +1 -0
  21. package/dist/components/action-sheet/index.d.ts +13 -0
  22. package/dist/components/action-sheet/index.js +72 -0
  23. package/dist/components/action-sheet/index.js.map +1 -0
  24. package/dist/components/activity-indicator/index.d.ts +14 -0
  25. package/dist/components/activity-indicator/index.js +36 -0
  26. package/dist/components/activity-indicator/index.js.map +1 -0
  27. package/dist/components/avatar/index.d.ts +15 -0
  28. package/dist/components/avatar/index.js +61 -0
  29. package/dist/components/avatar/index.js.map +1 -0
  30. package/dist/components/badge/index.d.ts +13 -0
  31. package/dist/components/badge/index.js +35 -0
  32. package/dist/components/badge/index.js.map +1 -0
  33. package/dist/components/button/index.d.ts +30 -0
  34. package/dist/components/button/index.js +162 -0
  35. package/dist/components/button/index.js.map +1 -0
  36. package/dist/components/calendar/body/index.d.ts +3 -0
  37. package/dist/components/calendar/body/index.js +269 -0
  38. package/dist/components/calendar/body/index.js.map +1 -0
  39. package/dist/components/calendar/controller/index.d.ts +3 -0
  40. package/dist/components/calendar/controller/index.js +55 -0
  41. package/dist/components/calendar/controller/index.js.map +1 -0
  42. package/dist/components/calendar/index.d.ts +3 -0
  43. package/dist/components/calendar/index.js +262 -0
  44. package/dist/components/calendar/index.js.map +1 -0
  45. package/{lib → dist}/components/calendar/ui/date-list/index.d.ts +2 -6
  46. package/dist/components/calendar/ui/date-list/index.js +49 -0
  47. package/dist/components/calendar/ui/date-list/index.js.map +1 -0
  48. package/dist/components/calendar/ui/day-list/index.d.ts +2 -0
  49. package/dist/components/calendar/ui/day-list/index.js +12 -0
  50. package/dist/components/calendar/ui/day-list/index.js.map +1 -0
  51. package/dist/components/card/index.d.ts +17 -0
  52. package/dist/components/card/index.js +79 -0
  53. package/dist/components/card/index.js.map +1 -0
  54. package/dist/components/checkbox/index.d.ts +13 -0
  55. package/dist/components/checkbox/index.js +54 -0
  56. package/dist/components/checkbox/index.js.map +1 -0
  57. package/dist/components/config-provider/context.d.ts +6 -0
  58. package/dist/components/config-provider/context.js +13 -0
  59. package/dist/components/config-provider/context.js.map +1 -0
  60. package/dist/components/config-provider/index.d.ts +7 -0
  61. package/dist/components/config-provider/index.js +15 -0
  62. package/dist/components/config-provider/index.js.map +1 -0
  63. package/dist/components/countdown/index.d.ts +20 -0
  64. package/dist/components/countdown/index.js +217 -0
  65. package/dist/components/countdown/index.js.map +1 -0
  66. package/dist/components/countdown/item/index.d.ts +10 -0
  67. package/dist/components/countdown/item/index.js +21 -0
  68. package/dist/components/countdown/item/index.js.map +1 -0
  69. package/dist/components/curtain/index.d.ts +13 -0
  70. package/dist/components/curtain/index.js +53 -0
  71. package/dist/components/curtain/index.js.map +1 -0
  72. package/dist/components/divider/index.d.ts +15 -0
  73. package/dist/components/divider/index.js +48 -0
  74. package/dist/components/divider/index.js.map +1 -0
  75. package/dist/components/drawer/index.d.ts +14 -0
  76. package/dist/components/drawer/index.js +121 -0
  77. package/dist/components/drawer/index.js.map +1 -0
  78. package/dist/components/fab/index.d.ts +10 -0
  79. package/dist/components/fab/index.js +29 -0
  80. package/dist/components/fab/index.js.map +1 -0
  81. package/dist/components/flex/index.d.ts +13 -0
  82. package/{lib → dist}/components/flex/index.js +17 -18
  83. package/dist/components/flex/index.js.map +1 -0
  84. package/dist/components/flex/item/index.d.ts +13 -0
  85. package/dist/components/flex/item/index.js +33 -0
  86. package/dist/components/flex/item/index.js.map +1 -0
  87. package/dist/components/float-layout/index.d.ts +21 -0
  88. package/dist/components/float-layout/index.js +88 -0
  89. package/dist/components/float-layout/index.js.map +1 -0
  90. package/dist/components/form/index.d.ts +13 -0
  91. package/dist/components/form/index.js +43 -0
  92. package/dist/components/form/index.js.map +1 -0
  93. package/dist/components/grid/index.d.ts +24 -0
  94. package/dist/components/grid/index.js +96 -0
  95. package/dist/components/grid/index.js.map +1 -0
  96. package/dist/components/icon/index.d.ts +15 -0
  97. package/dist/components/icon/index.js +44 -0
  98. package/dist/components/icon/index.js.map +1 -0
  99. package/dist/components/image-picker/index.d.ts +21 -0
  100. package/dist/components/image-picker/index.js +145 -0
  101. package/dist/components/image-picker/index.js.map +1 -0
  102. package/dist/components/indexes/index.d.ts +17 -0
  103. package/dist/components/indexes/index.js +261 -0
  104. package/dist/components/indexes/index.js.map +1 -0
  105. package/dist/components/input/index.d.ts +39 -0
  106. package/dist/components/input/index.js +223 -0
  107. package/dist/components/input/index.js.map +1 -0
  108. package/dist/components/input-number/index.d.ts +22 -0
  109. package/dist/components/input-number/index.js +174 -0
  110. package/dist/components/input-number/index.js.map +1 -0
  111. package/dist/components/list/index.d.ts +9 -0
  112. package/dist/components/list/index.js +26 -0
  113. package/dist/components/list/index.js.map +1 -0
  114. package/dist/components/list/item/index.d.ts +29 -0
  115. package/dist/components/list/item/index.js +124 -0
  116. package/dist/components/list/item/index.js.map +1 -0
  117. package/dist/components/load-more/index.d.ts +17 -0
  118. package/dist/components/load-more/index.js +51 -0
  119. package/dist/components/load-more/index.js.map +1 -0
  120. package/dist/components/loading/index.d.ts +13 -0
  121. package/dist/components/loading/index.js +26 -0
  122. package/dist/components/loading/index.js.map +1 -0
  123. package/dist/components/message/index.d.ts +10 -0
  124. package/dist/components/message/index.js +64 -0
  125. package/dist/components/message/index.js.map +1 -0
  126. package/dist/components/modal/action/index.d.ts +9 -0
  127. package/dist/components/modal/action/index.js +26 -0
  128. package/dist/components/modal/action/index.js.map +1 -0
  129. package/dist/components/modal/content/index.d.ts +3 -0
  130. package/dist/components/modal/content/index.js +15 -0
  131. package/dist/components/modal/content/index.js.map +1 -0
  132. package/dist/components/modal/header/index.d.ts +3 -0
  133. package/dist/components/modal/header/index.js +15 -0
  134. package/dist/components/modal/header/index.js.map +1 -0
  135. package/dist/components/modal/index.d.ts +17 -0
  136. package/dist/components/modal/index.js +92 -0
  137. package/dist/components/modal/index.js.map +1 -0
  138. package/dist/components/nav-bar/index.d.ts +22 -0
  139. package/dist/components/nav-bar/index.js +201 -0
  140. package/dist/components/nav-bar/index.js.map +1 -0
  141. package/dist/components/noticebar/index.d.ts +18 -0
  142. package/dist/components/noticebar/index.js +173 -0
  143. package/dist/components/noticebar/index.js.map +1 -0
  144. package/dist/components/pagination/index.d.ts +14 -0
  145. package/dist/components/pagination/index.js +90 -0
  146. package/dist/components/pagination/index.js.map +1 -0
  147. package/dist/components/progress/index.d.ts +13 -0
  148. package/dist/components/progress/index.js +56 -0
  149. package/dist/components/progress/index.js.map +1 -0
  150. package/dist/components/radio/index.d.ts +13 -0
  151. package/dist/components/radio/index.js +50 -0
  152. package/dist/components/radio/index.js.map +1 -0
  153. package/dist/components/range/index.d.ts +20 -0
  154. package/dist/components/range/index.js +200 -0
  155. package/dist/components/range/index.js.map +1 -0
  156. package/dist/components/rate/index.d.ts +15 -0
  157. package/dist/components/rate/index.js +67 -0
  158. package/dist/components/rate/index.js.map +1 -0
  159. package/dist/components/search-bar/index.d.ts +24 -0
  160. package/dist/components/search-bar/index.js +150 -0
  161. package/dist/components/search-bar/index.js.map +1 -0
  162. package/dist/components/segmented-control/index.d.ts +16 -0
  163. package/dist/components/segmented-control/index.js +70 -0
  164. package/dist/components/segmented-control/index.js.map +1 -0
  165. package/dist/components/slider/index.d.ts +22 -0
  166. package/dist/components/slider/index.js +91 -0
  167. package/dist/components/slider/index.js.map +1 -0
  168. package/dist/components/steps/index.d.ts +13 -0
  169. package/dist/components/steps/index.js +62 -0
  170. package/dist/components/steps/index.js.map +1 -0
  171. package/dist/components/swipe-action/index.d.ts +14 -0
  172. package/dist/components/swipe-action/index.js +223 -0
  173. package/dist/components/swipe-action/index.js.map +1 -0
  174. package/dist/components/swipe-action/options/index.d.ts +3 -0
  175. package/dist/components/swipe-action/options/index.js +25 -0
  176. package/dist/components/swipe-action/options/index.js.map +1 -0
  177. package/dist/components/switch/index.d.ts +16 -0
  178. package/dist/components/switch/index.js +54 -0
  179. package/dist/components/switch/index.js.map +1 -0
  180. package/dist/components/tab-bar/index.d.ts +19 -0
  181. package/dist/components/tab-bar/index.js +143 -0
  182. package/dist/components/tab-bar/index.js.map +1 -0
  183. package/dist/components/tabs/index.d.ts +18 -0
  184. package/dist/components/tabs/index.js +230 -0
  185. package/dist/components/tabs/index.js.map +1 -0
  186. package/dist/components/tabs-pane/index.d.ts +13 -0
  187. package/dist/components/tabs-pane/index.js +41 -0
  188. package/dist/components/tabs-pane/index.js.map +1 -0
  189. package/dist/components/tag/index.d.ts +16 -0
  190. package/dist/components/tag/index.js +66 -0
  191. package/dist/components/tag/index.js.map +1 -0
  192. package/dist/components/textarea/index.d.ts +31 -0
  193. package/dist/components/textarea/index.js +121 -0
  194. package/dist/components/textarea/index.js.map +1 -0
  195. package/dist/components/timeline/index.d.ts +11 -0
  196. package/dist/components/timeline/index.js +70 -0
  197. package/dist/components/timeline/index.js.map +1 -0
  198. package/dist/components/toast/img.json +5 -0
  199. package/dist/components/toast/index.d.ts +17 -0
  200. package/dist/components/toast/index.js +115 -0
  201. package/dist/components/toast/index.js.map +1 -0
  202. package/dist/hooks/useComponentLocale.d.ts +2 -0
  203. package/dist/hooks/useComponentLocale.js +12 -0
  204. package/dist/hooks/useComponentLocale.js.map +1 -0
  205. package/{lib → dist}/index.d.ts +3 -0
  206. package/dist/index.esm.js +5856 -0
  207. package/dist/index.esm.js.map +1 -0
  208. package/dist/index.js +5937 -0
  209. package/dist/index.js.map +1 -0
  210. package/dist/locale/en_US.d.ts +3 -0
  211. package/dist/locale/en_US.js +34 -0
  212. package/dist/locale/en_US.js.map +1 -0
  213. package/dist/locale/index.d.ts +4 -0
  214. package/dist/locale/index.js +10 -0
  215. package/dist/locale/index.js.map +1 -0
  216. package/dist/locale/types.d.ts +34 -0
  217. package/dist/locale/types.js +1 -0
  218. package/dist/locale/types.js.map +1 -0
  219. package/dist/locale/zh_CN.d.ts +3 -0
  220. package/dist/locale/zh_CN.js +34 -0
  221. package/dist/locale/zh_CN.js.map +1 -0
  222. package/{lib → dist}/style/components/avatar.scss +1 -1
  223. package/{lib → dist}/style/components/badge.scss +7 -2
  224. package/{lib → dist}/style/components/calendar.scss +1 -1
  225. package/{lib → dist}/style/components/countdown.scss +2 -1
  226. package/{lib → dist}/style/components/flex.scss +1 -1
  227. package/{lib → dist}/style/components/grid.scss +2 -2
  228. package/{lib → dist}/style/components/icon.scss +302 -101
  229. package/{lib → dist}/style/components/input.scss +2 -2
  230. package/{lib → dist}/style/components/progress.scss +1 -1
  231. package/{lib → dist}/style/components/search-bar.scss +1 -1
  232. package/{lib → dist}/style/components/steps.scss +2 -2
  233. package/{lib → dist}/style/components/tabs.scss +1 -1
  234. package/{lib → dist}/style/components/tag.scss +1 -1
  235. package/{lib → dist}/style/components/timeline.scss +1 -1
  236. package/{lib → dist}/style/components/toast.scss +7 -3
  237. package/{lib → dist}/style/index.css +176 -176
  238. package/dist/style/index.css.map +1 -0
  239. package/{lib → dist}/style/mixins/libs/hairline.scss +4 -19
  240. package/{lib → dist}/style/mixins/libs/shade.scss +3 -6
  241. package/{lib → dist}/style/mixins/libs/tint.scss +4 -7
  242. package/{lib → dist}/style/themes/purple.scss +15 -15
  243. package/{lib → dist}/style/themes/red.scss +16 -13
  244. package/{lib → dist}/style/variables/default.scss +69 -73
  245. package/package.json +45 -12
  246. package/rn/components/accordion/index.tsx +2 -9
  247. package/rn/components/action-sheet/body/index.tsx +1 -3
  248. package/rn/components/action-sheet/body/item/index.tsx +1 -3
  249. package/rn/components/action-sheet/footer/index.tsx +1 -3
  250. package/rn/components/action-sheet/header/index.tsx +1 -3
  251. package/rn/components/activity-indicator/index.tsx +1 -3
  252. package/rn/components/avatar/index.tsx +5 -5
  253. package/rn/components/calendar/controller/index.tsx +2 -7
  254. package/rn/components/card/index.tsx +4 -4
  255. package/rn/components/countdown/index.scss +5 -4
  256. package/rn/components/countdown/item/index.tsx +1 -3
  257. package/rn/components/curtain/index.tsx +5 -5
  258. package/rn/components/flex/index.scss +2 -2
  259. package/rn/components/flex/item/index.scss +2 -2
  260. package/rn/components/grid/index.tsx +15 -15
  261. package/rn/components/icon/index.tsx +4 -4
  262. package/rn/components/image-picker/index.tsx +7 -7
  263. package/rn/components/pagination/index.tsx +7 -7
  264. package/rn/components/progress/index.tsx +5 -5
  265. package/rn/components/radio/index.tsx +7 -7
  266. package/rn/components/rate/index.tsx +4 -4
  267. package/rn/components/segmented-control/index.tsx +8 -8
  268. package/rn/components/slider/index.tsx +9 -9
  269. package/rn/components/steps/index.tsx +8 -8
  270. package/rn/components/swipe-action/options/index.tsx +1 -3
  271. package/rn/components/switch/index.tsx +2 -9
  272. package/rn/components/toast/img.json +3 -6
  273. package/rn/components/toast/index.tsx +8 -8
  274. package/rn/style/components/accordion.scss +1 -1
  275. package/rn/style/components/action-sheet.scss +1 -1
  276. package/rn/style/components/avatar.scss +1 -1
  277. package/rn/style/components/badge.scss +8 -3
  278. package/rn/style/components/button.scss +1 -1
  279. package/rn/style/components/calendar.scss +1 -1
  280. package/rn/style/components/checkbox.scss +1 -1
  281. package/rn/style/components/curtain.scss +1 -1
  282. package/rn/style/components/fab.scss +1 -4
  283. package/rn/style/components/flex.scss +1 -1
  284. package/rn/style/components/grid.scss +2 -6
  285. package/rn/style/components/icon.scss +302 -101
  286. package/rn/style/components/index.scss +41 -41
  287. package/rn/style/components/input.scss +1 -1
  288. package/rn/style/components/list.scss +2 -4
  289. package/rn/style/components/loading.scss +4 -4
  290. package/rn/style/components/message.scss +1 -1
  291. package/rn/style/components/modal.scss +0 -2
  292. package/rn/style/components/nav-bar.scss +3 -3
  293. package/rn/style/components/noticebar.scss +0 -4
  294. package/rn/style/components/progress.scss +1 -1
  295. package/rn/style/components/radio.scss +2 -2
  296. package/rn/style/components/range.scss +1 -1
  297. package/rn/style/components/search-bar.scss +1 -1
  298. package/rn/style/components/segmented-control.scss +4 -1
  299. package/rn/style/components/slider.scss +0 -1
  300. package/rn/style/components/steps.scss +3 -3
  301. package/rn/style/components/switch.scss +0 -1
  302. package/rn/style/components/tabs.scss +2 -2
  303. package/rn/style/components/tag.scss +1 -1
  304. package/rn/style/components/timeline.scss +0 -2
  305. package/rn/style/components/toast.scss +5 -2
  306. package/rn/style/index.scss +1 -1
  307. package/rn/style/mixins/libs/hairline.scss +4 -22
  308. package/rn/style/mixins/libs/shade.scss +1 -4
  309. package/rn/style/mixins/libs/tint.scss +2 -5
  310. package/rn/style/themes/purple.scss +15 -15
  311. package/rn/style/themes/red.scss +16 -13
  312. package/rn/style/variables/default.scss +69 -73
  313. package/lib/components/accordion/index.d.ts +0 -14
  314. package/lib/components/accordion/index.js +0 -121
  315. package/lib/components/accordion/index.js.map +0 -1
  316. package/lib/components/action-sheet/body/index.d.ts +0 -5
  317. package/lib/components/action-sheet/body/index.js +0 -13
  318. package/lib/components/action-sheet/body/index.js.map +0 -1
  319. package/lib/components/action-sheet/body/item/index.d.ts +0 -9
  320. package/lib/components/action-sheet/body/item/index.js +0 -25
  321. package/lib/components/action-sheet/body/item/index.js.map +0 -1
  322. package/lib/components/action-sheet/footer/index.d.ts +0 -9
  323. package/lib/components/action-sheet/footer/index.js +0 -28
  324. package/lib/components/action-sheet/footer/index.js.map +0 -1
  325. package/lib/components/action-sheet/header/index.d.ts +0 -5
  326. package/lib/components/action-sheet/header/index.js +0 -16
  327. package/lib/components/action-sheet/header/index.js.map +0 -1
  328. package/lib/components/action-sheet/index.d.ts +0 -14
  329. package/lib/components/action-sheet/index.js +0 -76
  330. package/lib/components/action-sheet/index.js.map +0 -1
  331. package/lib/components/activity-indicator/index.d.ts +0 -8
  332. package/lib/components/activity-indicator/index.js +0 -39
  333. package/lib/components/activity-indicator/index.js.map +0 -1
  334. package/lib/components/avatar/index.d.ts +0 -9
  335. package/lib/components/avatar/index.js +0 -67
  336. package/lib/components/avatar/index.js.map +0 -1
  337. package/lib/components/badge/index.d.ts +0 -10
  338. package/lib/components/badge/index.js +0 -51
  339. package/lib/components/badge/index.js.map +0 -1
  340. package/lib/components/button/index.d.ts +0 -15
  341. package/lib/components/button/index.js +0 -177
  342. package/lib/components/button/index.js.map +0 -1
  343. package/lib/components/calendar/body/index.d.ts +0 -26
  344. package/lib/components/calendar/body/index.js +0 -289
  345. package/lib/components/calendar/body/index.js.map +0 -1
  346. package/lib/components/calendar/controller/index.d.ts +0 -5
  347. package/lib/components/calendar/controller/index.js +0 -51
  348. package/lib/components/calendar/controller/index.js.map +0 -1
  349. package/lib/components/calendar/index.d.ts +0 -20
  350. package/lib/components/calendar/index.js +0 -244
  351. package/lib/components/calendar/index.js.map +0 -1
  352. package/lib/components/calendar/ui/date-list/index.js +0 -54
  353. package/lib/components/calendar/ui/date-list/index.js.map +0 -1
  354. package/lib/components/calendar/ui/day-list/index.d.ts +0 -4
  355. package/lib/components/calendar/ui/day-list/index.js +0 -11
  356. package/lib/components/calendar/ui/day-list/index.js.map +0 -1
  357. package/lib/components/card/index.d.ts +0 -9
  358. package/lib/components/card/index.js +0 -80
  359. package/lib/components/card/index.js.map +0 -1
  360. package/lib/components/checkbox/index.d.ts +0 -9
  361. package/lib/components/checkbox/index.js +0 -59
  362. package/lib/components/checkbox/index.js.map +0 -1
  363. package/lib/components/countdown/index.d.ts +0 -20
  364. package/lib/components/countdown/index.js +0 -152
  365. package/lib/components/countdown/index.js.map +0 -1
  366. package/lib/components/countdown/item/index.d.ts +0 -9
  367. package/lib/components/countdown/item/index.js +0 -24
  368. package/lib/components/countdown/item/index.js.map +0 -1
  369. package/lib/components/curtain/index.d.ts +0 -10
  370. package/lib/components/curtain/index.js +0 -62
  371. package/lib/components/curtain/index.js.map +0 -1
  372. package/lib/components/divider/index.d.ts +0 -8
  373. package/lib/components/divider/index.js +0 -57
  374. package/lib/components/divider/index.js.map +0 -1
  375. package/lib/components/drawer/index.d.ts +0 -16
  376. package/lib/components/drawer/index.js +0 -114
  377. package/lib/components/drawer/index.js.map +0 -1
  378. package/lib/components/fab/index.d.ts +0 -9
  379. package/lib/components/fab/index.js +0 -29
  380. package/lib/components/fab/index.js.map +0 -1
  381. package/lib/components/flex/index.d.ts +0 -7
  382. package/lib/components/flex/index.js.map +0 -1
  383. package/lib/components/flex/item/index.d.ts +0 -7
  384. package/lib/components/flex/item/index.js +0 -34
  385. package/lib/components/flex/item/index.js.map +0 -1
  386. package/lib/components/float-layout/index.d.ts +0 -13
  387. package/lib/components/float-layout/index.js +0 -104
  388. package/lib/components/float-layout/index.js.map +0 -1
  389. package/lib/components/form/index.d.ts +0 -10
  390. package/lib/components/form/index.js +0 -43
  391. package/lib/components/form/index.js.map +0 -1
  392. package/lib/components/grid/index.d.ts +0 -9
  393. package/lib/components/grid/index.js +0 -101
  394. package/lib/components/grid/index.js.map +0 -1
  395. package/lib/components/icon/index.d.ts +0 -9
  396. package/lib/components/icon/index.js +0 -54
  397. package/lib/components/icon/index.js.map +0 -1
  398. package/lib/components/image-picker/index.d.ts +0 -11
  399. package/lib/components/image-picker/index.js +0 -164
  400. package/lib/components/image-picker/index.js.map +0 -1
  401. package/lib/components/indexes/index.d.ts +0 -29
  402. package/lib/components/indexes/index.js +0 -272
  403. package/lib/components/indexes/index.js.map +0 -1
  404. package/lib/components/input/index.d.ts +0 -17
  405. package/lib/components/input/index.js +0 -232
  406. package/lib/components/input/index.js.map +0 -1
  407. package/lib/components/input-number/index.d.ts +0 -13
  408. package/lib/components/input-number/index.js +0 -193
  409. package/lib/components/input-number/index.js.map +0 -1
  410. package/lib/components/list/index.d.ts +0 -8
  411. package/lib/components/list/index.js +0 -26
  412. package/lib/components/list/index.js.map +0 -1
  413. package/lib/components/list/item/index.d.ts +0 -11
  414. package/lib/components/list/item/index.js +0 -152
  415. package/lib/components/list/item/index.js.map +0 -1
  416. package/lib/components/load-more/index.d.ts +0 -9
  417. package/lib/components/load-more/index.js +0 -72
  418. package/lib/components/load-more/index.js.map +0 -1
  419. package/lib/components/loading/index.d.ts +0 -12
  420. package/lib/components/loading/index.js +0 -32
  421. package/lib/components/loading/index.js.map +0 -1
  422. package/lib/components/message/index.d.ts +0 -15
  423. package/lib/components/message/index.js +0 -78
  424. package/lib/components/message/index.js.map +0 -1
  425. package/lib/components/modal/action/index.d.ts +0 -8
  426. package/lib/components/modal/action/index.js +0 -26
  427. package/lib/components/modal/action/index.js.map +0 -1
  428. package/lib/components/modal/content/index.d.ts +0 -5
  429. package/lib/components/modal/content/index.js +0 -13
  430. package/lib/components/modal/content/index.js.map +0 -1
  431. package/lib/components/modal/header/index.d.ts +0 -5
  432. package/lib/components/modal/header/index.js +0 -13
  433. package/lib/components/modal/header/index.js.map +0 -1
  434. package/lib/components/modal/index.d.ts +0 -15
  435. package/lib/components/modal/index.js +0 -106
  436. package/lib/components/modal/index.js.map +0 -1
  437. package/lib/components/nav-bar/index.d.ts +0 -12
  438. package/lib/components/nav-bar/index.js +0 -217
  439. package/lib/components/nav-bar/index.js.map +0 -1
  440. package/lib/components/noticebar/index.d.ts +0 -16
  441. package/lib/components/noticebar/index.js +0 -186
  442. package/lib/components/noticebar/index.js.map +0 -1
  443. package/lib/components/pagination/index.d.ts +0 -12
  444. package/lib/components/pagination/index.js +0 -146
  445. package/lib/components/pagination/index.js.map +0 -1
  446. package/lib/components/progress/index.d.ts +0 -7
  447. package/lib/components/progress/index.js +0 -53
  448. package/lib/components/progress/index.js.map +0 -1
  449. package/lib/components/radio/index.d.ts +0 -9
  450. package/lib/components/radio/index.js +0 -54
  451. package/lib/components/radio/index.js.map +0 -1
  452. package/lib/components/range/index.d.ts +0 -22
  453. package/lib/components/range/index.js +0 -207
  454. package/lib/components/range/index.js.map +0 -1
  455. package/lib/components/rate/index.d.ts +0 -9
  456. package/lib/components/rate/index.js +0 -82
  457. package/lib/components/rate/index.js.map +0 -1
  458. package/lib/components/search-bar/index.d.ts +0 -16
  459. package/lib/components/search-bar/index.js +0 -176
  460. package/lib/components/search-bar/index.js.map +0 -1
  461. package/lib/components/segmented-control/index.d.ts +0 -9
  462. package/lib/components/segmented-control/index.js +0 -84
  463. package/lib/components/segmented-control/index.js.map +0 -1
  464. package/lib/components/slider/index.d.ts +0 -13
  465. package/lib/components/slider/index.js +0 -115
  466. package/lib/components/slider/index.js.map +0 -1
  467. package/lib/components/steps/index.d.ts +0 -9
  468. package/lib/components/steps/index.js +0 -67
  469. package/lib/components/steps/index.js.map +0 -1
  470. package/lib/components/swipe-action/index.d.ts +0 -27
  471. package/lib/components/swipe-action/index.js +0 -220
  472. package/lib/components/swipe-action/index.js.map +0 -1
  473. package/lib/components/swipe-action/options/index.d.ts +0 -5
  474. package/lib/components/swipe-action/options/index.js +0 -24
  475. package/lib/components/swipe-action/options/index.js.map +0 -1
  476. package/lib/components/switch/index.d.ts +0 -9
  477. package/lib/components/switch/index.js +0 -59
  478. package/lib/components/switch/index.js.map +0 -1
  479. package/lib/components/tab-bar/index.d.ts +0 -9
  480. package/lib/components/tab-bar/index.js +0 -170
  481. package/lib/components/tab-bar/index.js.map +0 -1
  482. package/lib/components/tabs/index.d.ts +0 -24
  483. package/lib/components/tabs/index.js +0 -219
  484. package/lib/components/tabs/index.js.map +0 -1
  485. package/lib/components/tabs-pane/index.d.ts +0 -8
  486. package/lib/components/tabs-pane/index.js +0 -43
  487. package/lib/components/tabs-pane/index.js.map +0 -1
  488. package/lib/components/tag/index.d.ts +0 -9
  489. package/lib/components/tag/index.js +0 -75
  490. package/lib/components/tag/index.js.map +0 -1
  491. package/lib/components/textarea/index.d.ts +0 -13
  492. package/lib/components/textarea/index.js +0 -141
  493. package/lib/components/textarea/index.js.map +0 -1
  494. package/lib/components/timeline/index.d.ts +0 -8
  495. package/lib/components/timeline/index.js +0 -76
  496. package/lib/components/timeline/index.js.map +0 -1
  497. package/lib/components/toast/img.json +0 -8
  498. package/lib/components/toast/index.d.ts +0 -16
  499. package/lib/components/toast/index.js +0 -124
  500. package/lib/components/toast/index.js.map +0 -1
  501. package/lib/index.js +0 -109
  502. package/lib/index.js.map +0 -1
  503. package/lib/style/index.css.map +0 -1
  504. /package/{lib → dist}/common/component.d.ts +0 -0
  505. /package/{lib → dist}/common/component.js +0 -0
  506. /package/{lib → dist}/common/component.js.map +0 -0
  507. /package/{lib → dist}/components/calendar/common/constant.d.ts +0 -0
  508. /package/{lib → dist}/components/calendar/common/constant.js +0 -0
  509. /package/{lib → dist}/components/calendar/common/constant.js.map +0 -0
  510. /package/{lib → dist}/components/calendar/common/helper.d.ts +0 -0
  511. /package/{lib → dist}/components/calendar/common/helper.js +0 -0
  512. /package/{lib → dist}/components/calendar/common/helper.js.map +0 -0
  513. /package/{lib → dist}/components/calendar/common/plugins.d.ts +0 -0
  514. /package/{lib → dist}/components/calendar/common/plugins.js +0 -0
  515. /package/{lib → dist}/components/calendar/common/plugins.js.map +0 -0
  516. /package/{lib → dist}/style/components/accordion.scss +0 -0
  517. /package/{lib → dist}/style/components/action-sheet.scss +0 -0
  518. /package/{lib → dist}/style/components/activity-indicator.scss +0 -0
  519. /package/{lib → dist}/style/components/article.scss +0 -0
  520. /package/{lib → dist}/style/components/button.scss +0 -0
  521. /package/{lib → dist}/style/components/card.scss +0 -0
  522. /package/{lib → dist}/style/components/checkbox.scss +0 -0
  523. /package/{lib → dist}/style/components/curtain.scss +0 -0
  524. /package/{lib → dist}/style/components/divider.scss +0 -0
  525. /package/{lib → dist}/style/components/drawer.scss +0 -0
  526. /package/{lib → dist}/style/components/fab.scss +0 -0
  527. /package/{lib → dist}/style/components/float-layout.scss +0 -0
  528. /package/{lib → dist}/style/components/form.scss +0 -0
  529. /package/{lib → dist}/style/components/image-picker.scss +0 -0
  530. /package/{lib → dist}/style/components/index.scss +0 -0
  531. /package/{lib → dist}/style/components/indexes.scss +0 -0
  532. /package/{lib → dist}/style/components/input-number.scss +0 -0
  533. /package/{lib → dist}/style/components/list.scss +0 -0
  534. /package/{lib → dist}/style/components/load-more.scss +0 -0
  535. /package/{lib → dist}/style/components/loading.scss +0 -0
  536. /package/{lib → dist}/style/components/message.scss +0 -0
  537. /package/{lib → dist}/style/components/modal.scss +0 -0
  538. /package/{lib → dist}/style/components/nav-bar.scss +0 -0
  539. /package/{lib → dist}/style/components/noticebar.scss +0 -0
  540. /package/{lib → dist}/style/components/pagination.scss +0 -0
  541. /package/{lib → dist}/style/components/radio.scss +0 -0
  542. /package/{lib → dist}/style/components/range.scss +0 -0
  543. /package/{lib → dist}/style/components/rate.scss +0 -0
  544. /package/{lib → dist}/style/components/segmented-control.scss +0 -0
  545. /package/{lib → dist}/style/components/slider.scss +0 -0
  546. /package/{lib → dist}/style/components/swipe-action.scss +0 -0
  547. /package/{lib → dist}/style/components/switch.scss +0 -0
  548. /package/{lib → dist}/style/components/tab-bar.scss +0 -0
  549. /package/{lib → dist}/style/components/textarea.scss +0 -0
  550. /package/{lib → dist}/style/index.scss +0 -0
  551. /package/{lib → dist}/style/mixins/index.scss +0 -0
  552. /package/{lib → dist}/style/mixins/libs/absolute-center.scss +0 -0
  553. /package/{lib → dist}/style/mixins/libs/active.scss +0 -0
  554. /package/{lib → dist}/style/mixins/libs/alignhack.scss +0 -0
  555. /package/{lib → dist}/style/mixins/libs/border.scss +0 -0
  556. /package/{lib → dist}/style/mixins/libs/clearfix.scss +0 -0
  557. /package/{lib → dist}/style/mixins/libs/disabled.scss +0 -0
  558. /package/{lib → dist}/style/mixins/libs/flex.scss +0 -0
  559. /package/{lib → dist}/style/mixins/libs/line.scss +0 -0
  560. /package/{lib → dist}/style/mixins/libs/overlay.scss +0 -0
  561. /package/{lib → dist}/style/mixins/libs/placeholder.scss +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Button, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtModalProps, AtModalState } from '../../../types/modal'\nimport { handleTouchScroll } from '../../common/utils'\nimport AtModalAction from './action/index'\nimport AtModalContent from './content/index'\nimport AtModalHeader from './header/index'\n\nexport default class AtModal extends React.Component<\n AtModalProps,\n AtModalState\n> {\n public static defaultProps: AtModalProps\n public static propTypes: InferProps<AtModalProps>\n\n public constructor(props: AtModalProps) {\n super(props)\n const { isOpened } = props\n this.state = {\n _isOpened: isOpened,\n isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB\n }\n }\n\n public UNSAFE_componentWillReceiveProps(nextProps: AtModalProps): void {\n const { isOpened } = nextProps\n\n if (this.props.isOpened !== isOpened) {\n handleTouchScroll(isOpened)\n }\n\n if (isOpened !== this.state._isOpened) {\n this.setState({\n _isOpened: isOpened\n })\n }\n }\n\n private handleClickOverlay = (): void => {\n if (this.props.closeOnClickOverlay) {\n this.setState(\n {\n _isOpened: false\n },\n this.handleClose\n )\n }\n }\n\n private handleClose = (event?: CommonEvent): void => {\n if (typeof this.props.onClose === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n this.props.onClose(event!)\n }\n }\n\n private handleCancel = (event: CommonEvent): void => {\n if (typeof this.props.onCancel === 'function') {\n this.props.onCancel(event)\n }\n }\n\n private handleConfirm = (event: CommonEvent): void => {\n if (typeof this.props.onConfirm === 'function') {\n this.props.onConfirm(event)\n }\n }\n\n private handleTouchMove = (e: CommonEvent): void => {\n e.stopPropagation()\n }\n\n public render(): JSX.Element {\n const { _isOpened, isWEB } = this.state\n const { title, content, cancelText, confirmText } = this.props\n const rootClass = classNames(\n 'at-modal',\n {\n 'at-modal--active': _isOpened\n },\n this.props.className\n )\n\n if (title || content) {\n const isRenderAction = cancelText || confirmText\n return (\n <View className={rootClass}>\n <View\n onClick={this.handleClickOverlay}\n className='at-modal__overlay'\n />\n <View className='at-modal__container'>\n {title && (\n <AtModalHeader>\n <Text>{title}</Text>\n </AtModalHeader>\n )}\n {content && (\n <AtModalContent>\n <View className='content-simple'>\n {isWEB ? (\n <Text\n dangerouslySetInnerHTML={{\n __html: content.replace(/\\\\n/g, '<br/>')\n }}\n ></Text>\n ) : (\n <Text>{content}</Text>\n )}\n </View>\n </AtModalContent>\n )}\n {isRenderAction && (\n <AtModalAction isSimple>\n {cancelText && (\n <Button onClick={this.handleCancel}>{cancelText}</Button>\n )}\n {confirmText && (\n <Button onClick={this.handleConfirm}>{confirmText}</Button>\n )}\n </AtModalAction>\n )}\n </View>\n </View>\n )\n }\n\n return (\n <View onTouchMove={this.handleTouchMove} className={rootClass}>\n <View className='at-modal__overlay' onClick={this.handleClickOverlay} />\n <View className='at-modal__container'>{this.props.children}</View>\n </View>\n )\n }\n}\n\nAtModal.defaultProps = {\n isOpened: false,\n closeOnClickOverlay: true\n}\n\nAtModal.propTypes = {\n title: PropTypes.string,\n isOpened: PropTypes.bool,\n onCancel: PropTypes.func,\n onConfirm: PropTypes.func,\n onClose: PropTypes.func,\n content: PropTypes.string,\n closeOnClickOverlay: PropTypes.bool,\n cancelText: PropTypes.string,\n confirmText: PropTypes.string\n}\n"],"mappings":"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","names":[]}
@@ -1,12 +0,0 @@
1
- import { InferProps } from 'prop-types';
2
- import React from 'react';
3
- import { AtNavBarProps } from '../../../types/nav-bar';
4
- export default class AtNavBar extends React.Component<AtNavBarProps> {
5
- static defaultProps: AtNavBarProps;
6
- static propTypes: InferProps<AtNavBarProps>;
7
- private handleClickLeftView;
8
- private handleClickSt;
9
- private handleClickNd;
10
- private handleClickTitle;
11
- render(): JSX.Element;
12
- }
@@ -1,217 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import classNames from "classnames";
21
- import PropTypes from "prop-types";
22
- import React from "react";
23
- import { Text, View } from "@tarojs/components";
24
- import { mergeStyle, pxTransform } from "../../common/utils";
25
- class AtNavBar extends React.Component {
26
- handleClickLeftView(event) {
27
- this.props.onClickLeftIcon && this.props.onClickLeftIcon(event);
28
- }
29
- handleClickSt(event) {
30
- this.props.onClickRgIconSt && this.props.onClickRgIconSt(event);
31
- }
32
- handleClickNd(event) {
33
- this.props.onClickRgIconNd && this.props.onClickRgIconNd(event);
34
- }
35
- handleClickTitle(event) {
36
- this.props.onClickTitle && this.props.onClickTitle(event);
37
- }
38
- render() {
39
- const {
40
- customStyle,
41
- className,
42
- color,
43
- fixed,
44
- border,
45
- leftIconType,
46
- leftText,
47
- title,
48
- rightFirstIconType,
49
- rightSecondIconType
50
- } = this.props;
51
- const linkStyle = { color };
52
- const defaultIconInfo = {
53
- customStyle: "",
54
- className: "",
55
- prefixClass: "at-icon",
56
- value: "",
57
- color: "",
58
- size: 24
59
- };
60
- const leftIconInfo = leftIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), leftIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: leftIconType });
61
- const leftIconClass = classNames(
62
- leftIconInfo.prefixClass,
63
- {
64
- [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]: leftIconInfo.value
65
- },
66
- leftIconInfo.className
67
- );
68
- const rightFirstIconInfo = rightFirstIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightFirstIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightFirstIconType });
69
- const rightFirstIconClass = classNames(
70
- rightFirstIconInfo.prefixClass,
71
- {
72
- [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]: rightFirstIconInfo.value
73
- },
74
- rightFirstIconInfo.className
75
- );
76
- const rightSecondIconInfo = rightSecondIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightSecondIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightSecondIconType });
77
- const rightSecondIconClass = classNames(
78
- rightSecondIconInfo.prefixClass,
79
- {
80
- [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]: rightSecondIconInfo.value
81
- },
82
- rightSecondIconInfo.className
83
- );
84
- return /* @__PURE__ */ React.createElement(
85
- View,
86
- {
87
- className: classNames(
88
- {
89
- "at-nav-bar": true,
90
- "at-nav-bar--fixed": fixed,
91
- "at-nav-bar--no-border": !border
92
- },
93
- className
94
- ),
95
- style: customStyle
96
- },
97
- /* @__PURE__ */ React.createElement(
98
- View,
99
- {
100
- className: "at-nav-bar__left-view",
101
- onClick: this.handleClickLeftView.bind(this),
102
- style: linkStyle
103
- },
104
- leftIconType && /* @__PURE__ */ React.createElement(
105
- Text,
106
- {
107
- className: leftIconClass,
108
- style: mergeStyle(
109
- {
110
- color: leftIconInfo.color,
111
- fontSize: `${pxTransform(
112
- parseInt(leftIconInfo.size.toString()) * 2
113
- )}`
114
- },
115
- leftIconInfo.customStyle
116
- )
117
- }
118
- ),
119
- /* @__PURE__ */ React.createElement(Text, { className: "at-nav-bar__text" }, leftText)
120
- ),
121
- /* @__PURE__ */ React.createElement(
122
- View,
123
- {
124
- className: "at-nav-bar__title",
125
- onClick: this.handleClickTitle.bind(this)
126
- },
127
- title || this.props.children
128
- ),
129
- /* @__PURE__ */ React.createElement(View, { className: "at-nav-bar__right-view" }, /* @__PURE__ */ React.createElement(
130
- View,
131
- {
132
- className: classNames({
133
- "at-nav-bar__container": true,
134
- "at-nav-bar__container--hide": !rightSecondIconType
135
- }),
136
- style: linkStyle,
137
- onClick: this.handleClickNd.bind(this)
138
- },
139
- rightSecondIconType && /* @__PURE__ */ React.createElement(
140
- Text,
141
- {
142
- className: rightSecondIconClass,
143
- style: mergeStyle(
144
- {
145
- color: rightSecondIconInfo.color,
146
- fontSize: `${pxTransform(
147
- parseInt(rightSecondIconInfo.size.toString()) * 2
148
- )}`
149
- },
150
- rightSecondIconInfo.customStyle
151
- )
152
- }
153
- )
154
- ), /* @__PURE__ */ React.createElement(
155
- View,
156
- {
157
- className: classNames({
158
- "at-nav-bar__container": true,
159
- "at-nav-bar__container--hide": !rightFirstIconType
160
- }),
161
- style: linkStyle,
162
- onClick: this.handleClickSt.bind(this)
163
- },
164
- rightFirstIconType && /* @__PURE__ */ React.createElement(
165
- Text,
166
- {
167
- className: rightFirstIconClass,
168
- style: mergeStyle(
169
- {
170
- color: rightFirstIconInfo.color,
171
- fontSize: `${pxTransform(
172
- parseInt(rightFirstIconInfo.size.toString()) * 2
173
- )}`
174
- },
175
- rightFirstIconInfo.customStyle
176
- )
177
- }
178
- )
179
- ))
180
- );
181
- }
182
- }
183
- AtNavBar.defaultProps = {
184
- customStyle: "",
185
- className: "",
186
- fixed: false,
187
- border: true,
188
- color: "",
189
- leftIconType: "",
190
- leftText: "",
191
- title: "",
192
- rightFirstIconType: "",
193
- rightSecondIconType: ""
194
- };
195
- AtNavBar.propTypes = {
196
- customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
197
- className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
198
- fixed: PropTypes.bool,
199
- border: PropTypes.bool,
200
- color: PropTypes.string,
201
- leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
202
- leftText: PropTypes.string,
203
- title: PropTypes.string,
204
- rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
205
- rightSecondIconType: PropTypes.oneOfType([
206
- PropTypes.string,
207
- PropTypes.object
208
- ]),
209
- onClickLeftIcon: PropTypes.func,
210
- onClickRgIconSt: PropTypes.func,
211
- onClickRgIconNd: PropTypes.func,
212
- onClickTitle: PropTypes.func
213
- };
214
- export {
215
- AtNavBar as default
216
- };
217
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/nav-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { ITouchEvent } from '@tarojs/components/types/common'\nimport { AtNavBarProps } from '../../../types/nav-bar'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtNavBar extends React.Component<AtNavBarProps> {\n public static defaultProps: AtNavBarProps\n public static propTypes: InferProps<AtNavBarProps>\n\n private handleClickLeftView(event: ITouchEvent): void {\n this.props.onClickLeftIcon && this.props.onClickLeftIcon(event)\n }\n\n private handleClickSt(event: ITouchEvent): void {\n this.props.onClickRgIconSt && this.props.onClickRgIconSt(event)\n }\n\n private handleClickNd(event: ITouchEvent): void {\n this.props.onClickRgIconNd && this.props.onClickRgIconNd(event)\n }\n\n private handleClickTitle(event: ITouchEvent): void {\n this.props.onClickTitle && this.props.onClickTitle(event)\n }\n\n public render(): JSX.Element {\n const {\n customStyle,\n className,\n color,\n fixed,\n border,\n leftIconType,\n leftText,\n title,\n rightFirstIconType,\n rightSecondIconType\n } = this.props\n const linkStyle = { color }\n\n const defaultIconInfo = {\n customStyle: '',\n className: '',\n prefixClass: 'at-icon',\n value: '',\n color: '',\n size: 24\n }\n\n const leftIconInfo =\n leftIconType instanceof Object\n ? { ...defaultIconInfo, ...leftIconType }\n : { ...defaultIconInfo, value: leftIconType }\n const leftIconClass = classNames(\n leftIconInfo.prefixClass,\n {\n [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]:\n leftIconInfo.value\n },\n leftIconInfo.className\n )\n\n const rightFirstIconInfo =\n rightFirstIconType instanceof Object\n ? { ...defaultIconInfo, ...rightFirstIconType }\n : { ...defaultIconInfo, value: rightFirstIconType }\n const rightFirstIconClass = classNames(\n rightFirstIconInfo.prefixClass,\n {\n [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]:\n rightFirstIconInfo.value\n },\n rightFirstIconInfo.className\n )\n\n const rightSecondIconInfo =\n rightSecondIconType instanceof Object\n ? { ...defaultIconInfo, ...rightSecondIconType }\n : { ...defaultIconInfo, value: rightSecondIconType }\n const rightSecondIconClass = classNames(\n rightSecondIconInfo.prefixClass,\n {\n [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]:\n rightSecondIconInfo.value\n },\n rightSecondIconInfo.className\n )\n\n return (\n <View\n className={classNames(\n {\n 'at-nav-bar': true,\n 'at-nav-bar--fixed': fixed,\n 'at-nav-bar--no-border': !border\n },\n className\n )}\n style={customStyle}\n >\n <View\n className='at-nav-bar__left-view'\n onClick={this.handleClickLeftView.bind(this)}\n style={linkStyle}\n >\n {leftIconType && (\n <Text\n className={leftIconClass}\n style={mergeStyle(\n {\n color: leftIconInfo.color,\n fontSize: `${pxTransform(\n parseInt(leftIconInfo.size.toString()) * 2\n )}`\n },\n leftIconInfo.customStyle\n )}\n ></Text>\n )}\n <Text className='at-nav-bar__text'>{leftText}</Text>\n </View>\n <View\n className='at-nav-bar__title'\n onClick={this.handleClickTitle.bind(this)}\n >\n {title || this.props.children}\n </View>\n <View className='at-nav-bar__right-view'>\n <View\n className={classNames({\n 'at-nav-bar__container': true,\n 'at-nav-bar__container--hide': !rightSecondIconType\n })}\n style={linkStyle}\n onClick={this.handleClickNd.bind(this)}\n >\n {rightSecondIconType && (\n <Text\n className={rightSecondIconClass}\n style={mergeStyle(\n {\n color: rightSecondIconInfo.color,\n fontSize: `${pxTransform(\n parseInt(rightSecondIconInfo.size.toString()) * 2\n )}`\n },\n rightSecondIconInfo.customStyle\n )}\n ></Text>\n )}\n </View>\n <View\n className={classNames({\n 'at-nav-bar__container': true,\n 'at-nav-bar__container--hide': !rightFirstIconType\n })}\n style={linkStyle}\n onClick={this.handleClickSt.bind(this)}\n >\n {rightFirstIconType && (\n <Text\n className={rightFirstIconClass}\n style={mergeStyle(\n {\n color: rightFirstIconInfo.color,\n fontSize: `${pxTransform(\n parseInt(rightFirstIconInfo.size.toString()) * 2\n )}`\n },\n rightFirstIconInfo.customStyle\n )}\n ></Text>\n )}\n </View>\n </View>\n </View>\n )\n }\n}\n\nAtNavBar.defaultProps = {\n customStyle: '',\n className: '',\n fixed: false,\n border: true,\n color: '',\n leftIconType: '',\n leftText: '',\n title: '',\n rightFirstIconType: '',\n rightSecondIconType: ''\n}\n\nAtNavBar.propTypes = {\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n fixed: PropTypes.bool,\n border: PropTypes.bool,\n color: PropTypes.string,\n leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n leftText: PropTypes.string,\n title: PropTypes.string,\n rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n rightSecondIconType: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object\n ]),\n onClickLeftIcon: PropTypes.func,\n onClickRgIconSt: PropTypes.func,\n onClickRgIconNd: PropTypes.func,\n onClickTitle: PropTypes.func\n}\n"],"mappings":"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","names":[]}
@@ -1,16 +0,0 @@
1
- import { InferProps } from 'prop-types';
2
- import React from 'react';
3
- import { AtNoticeBarProps, AtNoticeBarState } from '../../../types/noticebar';
4
- export default class AtNoticebar extends React.Component<AtNoticeBarProps, AtNoticeBarState> {
5
- static defaultProps: AtNoticeBarProps;
6
- static propTypes: InferProps<AtNoticeBarProps>;
7
- private timeout;
8
- private interval;
9
- constructor(props: AtNoticeBarProps);
10
- private onClose;
11
- private onGotoMore;
12
- UNSAFE_componentWillReceiveProps(): void;
13
- componentDidMount(): void;
14
- private initAnimation;
15
- render(): JSX.Element | boolean;
16
- }
@@ -1,186 +0,0 @@
1
- import classNames from "classnames";
2
- import PropTypes from "prop-types";
3
- import React from "react";
4
- import { Text, View } from "@tarojs/components";
5
- import Taro from "@tarojs/taro";
6
- class AtNoticebar extends React.Component {
7
- constructor(props) {
8
- super(props);
9
- const animElemId = `J_${Math.ceil(Math.random() * 1e6).toString(36)}`;
10
- this.state = {
11
- show: true,
12
- animElemId,
13
- animationData: {
14
- actions: [{}]
15
- },
16
- dura: 0,
17
- isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,
18
- isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,
19
- isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
20
- };
21
- }
22
- onClose(event) {
23
- this.setState({
24
- show: false
25
- });
26
- this.props.onClose && this.props.onClose(event);
27
- }
28
- onGotoMore(event) {
29
- this.props.onGotoMore && this.props.onGotoMore(event);
30
- }
31
- UNSAFE_componentWillReceiveProps() {
32
- if (!this.timeout) {
33
- this.interval && clearInterval(this.interval);
34
- this.initAnimation();
35
- }
36
- }
37
- componentDidMount() {
38
- if (!this.props.marquee) return;
39
- this.initAnimation();
40
- }
41
- initAnimation() {
42
- const { isWEAPP, isALIPAY } = this.state;
43
- this.timeout = setTimeout(() => {
44
- this.timeout = null;
45
- if (this.state.isWEB) {
46
- const { speed = 100 } = this.props;
47
- const elem = document.querySelector(`.${this.state.animElemId}`);
48
- if (!elem) return;
49
- const width = elem.getBoundingClientRect().width;
50
- const dura = width / +speed;
51
- this.setState({ dura });
52
- } else if (isWEAPP || isALIPAY) {
53
- const query = Taro.createSelectorQuery();
54
- query.select(`.${this.state.animElemId}`).boundingClientRect().exec((res) => {
55
- const queryRes = res[0];
56
- if (!queryRes) return;
57
- const { width } = queryRes;
58
- const { speed = 100 } = this.props;
59
- const dura = width / +speed;
60
- const animation = Taro.createAnimation({
61
- duration: dura * 1e3,
62
- timingFunction: "linear"
63
- });
64
- const resetAnimation = Taro.createAnimation({
65
- duration: 0,
66
- timingFunction: "linear"
67
- });
68
- const resetOpacityAnimation = Taro.createAnimation({
69
- duration: 0,
70
- timingFunction: "linear"
71
- });
72
- const animBody = () => {
73
- resetOpacityAnimation.opacity(0).step();
74
- this.setState({ animationData: resetOpacityAnimation.export() });
75
- setTimeout(() => {
76
- resetAnimation.translateX(0).step();
77
- this.setState({ animationData: resetAnimation.export() });
78
- }, 300);
79
- setTimeout(() => {
80
- resetOpacityAnimation.opacity(1).step();
81
- this.setState({ animationData: resetOpacityAnimation.export() });
82
- }, 600);
83
- setTimeout(() => {
84
- animation.translateX(-width).step();
85
- this.setState({ animationData: animation.export() });
86
- }, 900);
87
- };
88
- animBody();
89
- this.interval = setInterval(animBody, dura * 1e3 + 1e3);
90
- });
91
- }
92
- }, 1e3);
93
- }
94
- render() {
95
- const {
96
- single,
97
- icon,
98
- marquee,
99
- customStyle,
100
- className,
101
- moreText = "\u67E5\u770B\u8BE6\u60C5"
102
- } = this.props;
103
- let { showMore, close } = this.props;
104
- const { dura, show, animElemId, animationData, isWEAPP, isALIPAY } = this.state;
105
- const rootClassName = ["at-noticebar"];
106
- if (!single) showMore = false;
107
- const style = {};
108
- const innerClassName = ["at-noticebar__content-inner"];
109
- if (marquee) {
110
- close = false;
111
- innerClassName.push(animElemId);
112
- style["animation-delay"] = "3s";
113
- if (dura > 0) {
114
- style["animation-duration"] = `${dura}s`;
115
- style["animation-delay"] = "1s";
116
- }
117
- }
118
- const classObject = {
119
- "at-noticebar--marquee": marquee,
120
- "at-noticebar--weapp": marquee && (isWEAPP || isALIPAY),
121
- "at-noticebar--single": !marquee && single
122
- };
123
- const iconClass = ["at-icon"];
124
- if (icon) iconClass.push(`at-icon-${icon}`);
125
- return show && /* @__PURE__ */ React.createElement(
126
- View,
127
- {
128
- className: classNames(rootClassName, classObject, className),
129
- style: customStyle
130
- },
131
- close && /* @__PURE__ */ React.createElement(
132
- View,
133
- {
134
- className: "at-noticebar__close",
135
- onClick: this.onClose.bind(this)
136
- },
137
- /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close" })
138
- ),
139
- /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content" }, icon && /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content-icon" }, /* @__PURE__ */ React.createElement(Text, { className: classNames(iconClass, iconClass) })), /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content-text" }, /* @__PURE__ */ React.createElement(
140
- View,
141
- {
142
- id: animElemId,
143
- animation: animationData,
144
- className: classNames(innerClassName),
145
- style
146
- },
147
- this.props.children
148
- ))),
149
- showMore && /* @__PURE__ */ React.createElement(
150
- View,
151
- {
152
- className: "at-noticebar__more",
153
- onClick: this.onGotoMore.bind(this)
154
- },
155
- /* @__PURE__ */ React.createElement(Text, { className: "text" }, moreText),
156
- /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__more-icon" }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-right" }))
157
- )
158
- );
159
- }
160
- }
161
- AtNoticebar.defaultProps = {
162
- close: false,
163
- single: false,
164
- marquee: false,
165
- speed: 100,
166
- moreText: "\u67E5\u770B\u8BE6\u60C5",
167
- showMore: false,
168
- icon: "",
169
- customStyle: {}
170
- };
171
- AtNoticebar.propTypes = {
172
- close: PropTypes.bool,
173
- single: PropTypes.bool,
174
- marquee: PropTypes.bool,
175
- speed: PropTypes.number,
176
- moreText: PropTypes.string,
177
- showMore: PropTypes.bool,
178
- icon: PropTypes.string,
179
- customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
180
- onClose: PropTypes.func,
181
- onGotoMore: PropTypes.func
182
- };
183
- export {
184
- AtNoticebar as default
185
- };
186
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/noticebar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtNoticeBarProps, AtNoticeBarState } from '../../../types/noticebar'\n\nexport default class AtNoticebar extends React.Component<\n AtNoticeBarProps,\n AtNoticeBarState\n> {\n public static defaultProps: AtNoticeBarProps\n public static propTypes: InferProps<AtNoticeBarProps>\n\n private timeout: ReturnType<typeof setTimeout> | null\n private interval: ReturnType<typeof setInterval> | null\n\n public constructor(props: AtNoticeBarProps) {\n super(props)\n const animElemId = `J_${Math.ceil(Math.random() * 10e5).toString(36)}`\n this.state = {\n show: true,\n animElemId,\n animationData: {\n actions: [{}]\n },\n dura: 0,\n isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,\n isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,\n isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB\n }\n }\n\n private onClose(event: CommonEvent): void {\n this.setState({\n show: false\n })\n this.props.onClose && this.props.onClose(event)\n }\n\n private onGotoMore(event: CommonEvent): void {\n this.props.onGotoMore && this.props.onGotoMore(event)\n }\n\n public UNSAFE_componentWillReceiveProps(): void {\n if (!this.timeout) {\n this.interval && clearInterval(this.interval)\n this.initAnimation()\n }\n }\n\n public componentDidMount(): void {\n if (!this.props.marquee) return\n this.initAnimation()\n }\n\n private initAnimation(): void {\n const { isWEAPP, isALIPAY } = this.state\n this.timeout = setTimeout(() => {\n this.timeout = null\n if (this.state.isWEB) {\n const { speed = 100 } = this.props\n const elem = document.querySelector(`.${this.state.animElemId}`)\n if (!elem) return\n const width = elem.getBoundingClientRect().width\n const dura = width / +speed\n this.setState({ dura })\n } else if (isWEAPP || isALIPAY) {\n const query = Taro.createSelectorQuery()\n query\n .select(`.${this.state.animElemId}`)\n .boundingClientRect()\n .exec(res => {\n const queryRes = res[0]\n if (!queryRes) return\n const { width } = queryRes\n const { speed = 100 } = this.props\n const dura = width / +speed\n const animation = Taro.createAnimation({\n duration: dura * 1000,\n timingFunction: 'linear'\n })\n const resetAnimation = Taro.createAnimation({\n duration: 0,\n timingFunction: 'linear'\n })\n const resetOpacityAnimation = Taro.createAnimation({\n duration: 0,\n timingFunction: 'linear'\n })\n const animBody = (): void => {\n resetOpacityAnimation.opacity(0).step()\n this.setState({ animationData: resetOpacityAnimation.export() })\n\n setTimeout(() => {\n resetAnimation.translateX(0).step()\n this.setState({ animationData: resetAnimation.export() })\n }, 300)\n\n setTimeout(() => {\n resetOpacityAnimation.opacity(1).step()\n this.setState({ animationData: resetOpacityAnimation.export() })\n }, 600)\n\n setTimeout(() => {\n animation.translateX(-width).step()\n this.setState({ animationData: animation.export() })\n }, 900)\n }\n animBody()\n this.interval = setInterval(animBody, dura * 1000 + 1000)\n })\n }\n }, 1000)\n }\n\n public render(): JSX.Element | boolean {\n const {\n single,\n icon,\n marquee,\n customStyle,\n className,\n moreText = '查看详情'\n } = this.props\n let { showMore, close } = this.props\n const { dura, show, animElemId, animationData, isWEAPP, isALIPAY } =\n this.state\n const rootClassName = ['at-noticebar']\n\n if (!single) showMore = false\n\n const style = {}\n const innerClassName = ['at-noticebar__content-inner']\n if (marquee) {\n close = false\n innerClassName.push(animElemId)\n style['animation-delay'] = '3s'\n\n if (dura > 0) {\n style['animation-duration'] = `${dura}s`\n style['animation-delay'] = '1s'\n }\n }\n\n const classObject = {\n 'at-noticebar--marquee': marquee,\n 'at-noticebar--weapp': marquee && (isWEAPP || isALIPAY),\n 'at-noticebar--single': !marquee && single\n }\n\n const iconClass = ['at-icon']\n if (icon) iconClass.push(`at-icon-${icon}`)\n\n return (\n show && (\n <View\n className={classNames(rootClassName, classObject, className)}\n style={customStyle}\n >\n {close && (\n <View\n className='at-noticebar__close'\n onClick={this.onClose.bind(this)}\n >\n <Text className='at-icon at-icon-close'></Text>\n </View>\n )}\n <View className='at-noticebar__content'>\n {icon && (\n <View className='at-noticebar__content-icon'>\n {/* start hack 百度小程序 */}\n <Text className={classNames(iconClass, iconClass)}></Text>\n </View>\n )}\n <View className='at-noticebar__content-text'>\n <View\n id={animElemId}\n animation={animationData}\n className={classNames(innerClassName)}\n style={style}\n >\n {this.props.children}\n </View>\n </View>\n </View>\n {showMore && (\n <View\n className='at-noticebar__more'\n onClick={this.onGotoMore.bind(this)}\n >\n <Text className='text'>{moreText}</Text>\n <View className='at-noticebar__more-icon'>\n <Text className='at-icon at-icon-chevron-right'></Text>\n </View>\n </View>\n )}\n </View>\n )\n )\n }\n}\n\nAtNoticebar.defaultProps = {\n close: false,\n single: false,\n marquee: false,\n speed: 100,\n moreText: '查看详情',\n showMore: false,\n icon: '',\n customStyle: {}\n}\n\nAtNoticebar.propTypes = {\n close: PropTypes.bool,\n single: PropTypes.bool,\n marquee: PropTypes.bool,\n speed: PropTypes.number,\n moreText: PropTypes.string,\n showMore: PropTypes.bool,\n icon: PropTypes.string,\n customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n onClose: PropTypes.func,\n onGotoMore: PropTypes.func\n}\n"],"mappings":"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","names":[]}
@@ -1,12 +0,0 @@
1
- import { InferProps } from 'prop-types';
2
- import React from 'react';
3
- import { AtPaginationProps, AtPaginationState } from '../../../types/pagination';
4
- export default class AtPagination extends React.Component<AtPaginationProps, AtPaginationState> {
5
- static defaultProps: AtPaginationProps;
6
- static propTypes: InferProps<AtPaginationProps>;
7
- constructor(props: AtPaginationProps);
8
- private onPrev;
9
- private onNext;
10
- UNSAFE_componentWillReceiveProps(props: AtPaginationProps): void;
11
- render(): JSX.Element;
12
- }
@@ -1,146 +0,0 @@
1
- import classNames from "classnames";
2
- import PropTypes from "prop-types";
3
- import React from "react";
4
- import { Text, View } from "@tarojs/components";
5
- import AtButton from "../button/index";
6
- const MIN_MAXPAGE = 1;
7
- const getMaxPage = (maxPage = 0) => {
8
- if (maxPage <= 0) return MIN_MAXPAGE;
9
- return maxPage;
10
- };
11
- const createPickerRange = (max) => {
12
- const range = new Array(max).fill(0).map((_val, index) => index + 1);
13
- return range;
14
- };
15
- class AtPagination extends React.Component {
16
- constructor(props) {
17
- super(props);
18
- const { current, pageSize = 20, total } = this.props;
19
- const maxPage = getMaxPage(Math.ceil(total / pageSize));
20
- this.state = {
21
- currentPage: current || 1,
22
- maxPage,
23
- pickerRange: createPickerRange(maxPage)
24
- };
25
- }
26
- onPrev() {
27
- let { currentPage } = this.state;
28
- const originCur = currentPage;
29
- currentPage -= 1;
30
- currentPage = Math.max(1, currentPage);
31
- if (originCur === currentPage) return;
32
- this.props.onPageChange && this.props.onPageChange({ type: "prev", current: currentPage });
33
- this.setState({ currentPage });
34
- }
35
- onNext() {
36
- let { currentPage } = this.state;
37
- const originCur = currentPage;
38
- const { maxPage } = this.state;
39
- currentPage += 1;
40
- currentPage = Math.min(maxPage, currentPage);
41
- if (originCur === currentPage) return;
42
- this.props.onPageChange && this.props.onPageChange({ type: "next", current: currentPage });
43
- this.setState({ currentPage });
44
- }
45
- UNSAFE_componentWillReceiveProps(props) {
46
- const { total, pageSize = 20, current } = props;
47
- const maxPage = getMaxPage(Math.ceil(total / pageSize));
48
- if (maxPage !== this.state.maxPage) {
49
- this.setState({
50
- maxPage,
51
- pickerRange: createPickerRange(maxPage)
52
- });
53
- }
54
- if (typeof current === "number" && current !== this.state.currentPage) {
55
- this.setState({ currentPage: current });
56
- }
57
- }
58
- // onPickerChange (evt) {
59
- // const { value } = evt.detail
60
- // const current = +value + 1
61
- // if (current === this.state.currentPage) return
62
- // this.props.onPageChange && this.props.onPageChange({ type: 'pick', current })
63
- // this.setState({
64
- // currentPage: current,
65
- // })
66
- // }
67
- render() {
68
- const {
69
- icon,
70
- // pickerSelect,
71
- customStyle
72
- } = this.props;
73
- const {
74
- currentPage,
75
- maxPage
76
- // pickerRange,
77
- } = this.state;
78
- const rootClassName = ["at-pagination"];
79
- const prevDisabled = maxPage === MIN_MAXPAGE || currentPage === 1;
80
- const nextDisabled = maxPage === MIN_MAXPAGE || currentPage === maxPage;
81
- const classObject = {
82
- "at-pagination--icon": icon
83
- };
84
- return /* @__PURE__ */ React.createElement(
85
- View,
86
- {
87
- className: classNames(rootClassName, classObject, this.props.className),
88
- style: customStyle
89
- },
90
- /* @__PURE__ */ React.createElement(View, { className: "at-pagination__btn-prev" }, icon && /* @__PURE__ */ React.createElement(
91
- AtButton,
92
- {
93
- onClick: this.onPrev.bind(this),
94
- size: "small",
95
- disabled: prevDisabled
96
- },
97
- /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-left" })
98
- ), !icon && /* @__PURE__ */ React.createElement(
99
- AtButton,
100
- {
101
- onClick: this.onPrev.bind(this),
102
- size: "small",
103
- disabled: prevDisabled
104
- },
105
- "\u4E0A\u4E00\u9875"
106
- )),
107
- /* @__PURE__ */ React.createElement(View, { className: "at-pagination__number" }, /* @__PURE__ */ React.createElement(Text, { className: "at-pagination__number-current" }, currentPage), "/", maxPage),
108
- /* @__PURE__ */ React.createElement(View, { className: "at-pagination__btn-next" }, icon && /* @__PURE__ */ React.createElement(
109
- AtButton,
110
- {
111
- onClick: this.onNext.bind(this),
112
- size: "small",
113
- disabled: nextDisabled
114
- },
115
- /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-right" })
116
- ), !icon && /* @__PURE__ */ React.createElement(
117
- AtButton,
118
- {
119
- onClick: this.onNext.bind(this),
120
- size: "small",
121
- disabled: nextDisabled
122
- },
123
- "\u4E0B\u4E00\u9875"
124
- ))
125
- );
126
- }
127
- }
128
- AtPagination.defaultProps = {
129
- current: 1,
130
- total: 0,
131
- pageSize: 20,
132
- icon: false,
133
- customStyle: {}
134
- };
135
- AtPagination.propTypes = {
136
- current: PropTypes.number,
137
- total: PropTypes.number,
138
- pageSize: PropTypes.number,
139
- icon: PropTypes.bool,
140
- customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
141
- onPageChange: PropTypes.func
142
- };
143
- export {
144
- AtPagination as default
145
- };
146
- //# sourceMappingURL=index.js.map