tiny-ui 1.0.1 → 1.0.3

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 (581) hide show
  1. package/dist/styles/index.css +8 -64
  2. package/dist/styles/index.css.map +1 -1
  3. package/dist/styles/index.min.css +1 -1
  4. package/dist/styles/index.min.css.map +1 -1
  5. package/dist/tiny.min.js +1 -1
  6. package/dist/tiny.min.js.map +1 -1
  7. package/es/_utils/use-theme.js +1 -1
  8. package/es/_utils/use-theme.js.map +1 -1
  9. package/es/alert/alert.d.ts +4 -0
  10. package/es/alert/alert.js +56 -0
  11. package/es/alert/alert.js.map +1 -0
  12. package/es/alert/index.d.ts +1 -3
  13. package/es/alert/index.js +1 -54
  14. package/es/alert/index.js.map +1 -1
  15. package/es/anchor/anchor.js +9 -0
  16. package/es/anchor/anchor.js.map +1 -1
  17. package/es/aspect-ratio/aspect-ratio.d.ts +4 -0
  18. package/es/aspect-ratio/aspect-ratio.js +15 -0
  19. package/es/aspect-ratio/aspect-ratio.js.map +1 -0
  20. package/es/aspect-ratio/index.d.ts +1 -3
  21. package/es/aspect-ratio/index.js +1 -13
  22. package/es/aspect-ratio/index.js.map +1 -1
  23. package/es/back-top/back-top.d.ts +3 -0
  24. package/es/back-top/back-top.js +80 -0
  25. package/es/back-top/back-top.js.map +1 -0
  26. package/es/back-top/index.d.ts +1 -2
  27. package/es/back-top/index.js +1 -78
  28. package/es/back-top/index.js.map +1 -1
  29. package/es/badge/badge.d.ts +4 -0
  30. package/es/badge/badge.js +29 -0
  31. package/es/badge/badge.js.map +1 -0
  32. package/es/badge/index.d.ts +1 -3
  33. package/es/badge/index.js +1 -27
  34. package/es/badge/index.js.map +1 -1
  35. package/es/calendar/calendar.d.ts +4 -0
  36. package/es/calendar/calendar.js +117 -0
  37. package/es/calendar/calendar.js.map +1 -0
  38. package/es/calendar/index.d.ts +1 -3
  39. package/es/calendar/index.js +1 -115
  40. package/es/calendar/index.js.map +1 -1
  41. package/es/collapse-transition/collapse-transition.d.ts +10 -0
  42. package/es/collapse-transition/collapse-transition.js +89 -0
  43. package/es/collapse-transition/collapse-transition.js.map +1 -0
  44. package/es/collapse-transition/index.d.ts +1 -9
  45. package/es/collapse-transition/index.js +1 -87
  46. package/es/collapse-transition/index.js.map +1 -1
  47. package/es/config-provider/config-provider.d.ts +6 -0
  48. package/es/config-provider/config-provider.js +23 -0
  49. package/es/config-provider/config-provider.js.map +1 -0
  50. package/es/config-provider/index.d.ts +1 -5
  51. package/es/config-provider/index.js +1 -21
  52. package/es/config-provider/index.js.map +1 -1
  53. package/es/copy-to-clipboard/copy-to-clipboard.d.ts +7 -0
  54. package/es/copy-to-clipboard/copy-to-clipboard.js +47 -0
  55. package/es/copy-to-clipboard/copy-to-clipboard.js.map +1 -0
  56. package/es/copy-to-clipboard/index.d.ts +1 -6
  57. package/es/copy-to-clipboard/index.js +1 -45
  58. package/es/copy-to-clipboard/index.js.map +1 -1
  59. package/es/countdown/countdown.d.ts +4 -0
  60. package/es/countdown/countdown.js +42 -0
  61. package/es/countdown/countdown.js.map +1 -0
  62. package/es/countdown/index.d.ts +1 -3
  63. package/es/countdown/index.js +1 -40
  64. package/es/countdown/index.js.map +1 -1
  65. package/es/date-picker/date-picker.d.ts +6 -0
  66. package/es/date-picker/date-picker.js +142 -0
  67. package/es/date-picker/date-picker.js.map +1 -0
  68. package/es/date-picker/index.d.ts +1 -5
  69. package/es/date-picker/index.js +1 -140
  70. package/es/date-picker/index.js.map +1 -1
  71. package/es/divider/divider.d.ts +4 -0
  72. package/es/divider/divider.js +18 -0
  73. package/es/divider/divider.js.map +1 -0
  74. package/es/divider/index.d.ts +1 -3
  75. package/es/divider/index.js +1 -16
  76. package/es/divider/index.js.map +1 -1
  77. package/es/drawer/drawer.d.ts +4 -0
  78. package/es/drawer/drawer.js +67 -0
  79. package/es/drawer/drawer.js.map +1 -0
  80. package/es/drawer/index.d.ts +1 -3
  81. package/es/drawer/index.js +1 -65
  82. package/es/drawer/index.js.map +1 -1
  83. package/es/drawer/style/_index.scss +4 -0
  84. package/es/dropdown/dropdown.d.ts +6 -0
  85. package/es/dropdown/dropdown.js +101 -0
  86. package/es/dropdown/dropdown.js.map +1 -0
  87. package/es/dropdown/index.d.ts +1 -5
  88. package/es/dropdown/index.js +1 -99
  89. package/es/dropdown/index.js.map +1 -1
  90. package/es/empty/empty.d.ts +4 -0
  91. package/es/empty/empty.js +28 -0
  92. package/es/empty/empty.js.map +1 -0
  93. package/es/empty/index.d.ts +1 -3
  94. package/es/empty/index.js +1 -26
  95. package/es/empty/index.js.map +1 -1
  96. package/es/flex/flex.d.ts +4 -0
  97. package/es/flex/flex.js +29 -0
  98. package/es/flex/flex.js.map +1 -0
  99. package/es/flex/index.d.ts +1 -3
  100. package/es/flex/index.js +1 -27
  101. package/es/flex/index.js.map +1 -1
  102. package/es/grid/types.d.ts +1 -1
  103. package/es/icon/icon.d.ts +4 -0
  104. package/es/icon/icon.js +17 -0
  105. package/es/icon/icon.js.map +1 -0
  106. package/es/icon/index.d.ts +1 -3
  107. package/es/icon/index.js +1 -15
  108. package/es/icon/index.js.map +1 -1
  109. package/es/image/image.d.ts +6 -0
  110. package/es/image/image.js +34 -0
  111. package/es/image/image.js.map +1 -0
  112. package/es/image/index.d.ts +1 -5
  113. package/es/image/index.js +1 -32
  114. package/es/image/index.js.map +1 -1
  115. package/es/input-number/index.d.ts +1 -3
  116. package/es/input-number/index.js +1 -60
  117. package/es/input-number/index.js.map +1 -1
  118. package/es/input-number/input-number.d.ts +4 -0
  119. package/es/input-number/input-number.js +62 -0
  120. package/es/input-number/input-number.js.map +1 -0
  121. package/es/input-password/index.d.ts +1 -2
  122. package/es/input-password/index.js +1 -19
  123. package/es/input-password/index.js.map +1 -1
  124. package/es/input-password/input-password.d.ts +3 -0
  125. package/es/input-password/input-password.js +21 -0
  126. package/es/input-password/input-password.js.map +1 -0
  127. package/es/intl-provider/index.d.ts +1 -7
  128. package/es/intl-provider/index.js +1 -6
  129. package/es/intl-provider/index.js.map +1 -1
  130. package/es/intl-provider/intl-provider.d.ts +8 -0
  131. package/es/intl-provider/intl-provider.js +8 -0
  132. package/es/intl-provider/intl-provider.js.map +1 -0
  133. package/es/keyboard/index.d.ts +1 -3
  134. package/es/keyboard/index.js +1 -13
  135. package/es/keyboard/index.js.map +1 -1
  136. package/es/keyboard/keyboard.d.ts +4 -0
  137. package/es/keyboard/keyboard.js +15 -0
  138. package/es/keyboard/keyboard.js.map +1 -0
  139. package/es/link/index.d.ts +1 -6
  140. package/es/link/index.js +1 -19
  141. package/es/link/index.js.map +1 -1
  142. package/es/link/link.d.ts +7 -0
  143. package/es/link/link.js +21 -0
  144. package/es/link/link.js.map +1 -0
  145. package/es/list/list.js +2 -4
  146. package/es/list/list.js.map +1 -1
  147. package/es/list/style/_index.scss +0 -31
  148. package/es/list/types.d.ts +2 -1
  149. package/es/loader/index.d.ts +1 -3
  150. package/es/loader/index.js +1 -23
  151. package/es/loader/index.js.map +1 -1
  152. package/es/loader/loader.d.ts +4 -0
  153. package/es/loader/loader.js +25 -0
  154. package/es/loader/loader.js.map +1 -0
  155. package/es/message/index.d.ts +2 -9
  156. package/es/message/index.js +1 -61
  157. package/es/message/index.js.map +1 -1
  158. package/es/message/message-container.d.ts +10 -0
  159. package/es/message/message-container.js +63 -0
  160. package/es/message/message-container.js.map +1 -0
  161. package/es/modal/index.d.ts +1 -3
  162. package/es/modal/index.js +1 -80
  163. package/es/modal/index.js.map +1 -1
  164. package/es/modal/modal.d.ts +4 -0
  165. package/es/modal/modal.js +82 -0
  166. package/es/modal/modal.js.map +1 -0
  167. package/es/modal/style/_index.scss +2 -1
  168. package/es/notification/index.d.ts +1 -1
  169. package/es/notification/index.js +1 -72
  170. package/es/notification/index.js.map +1 -1
  171. package/es/notification/notification-container.d.ts +2 -0
  172. package/es/notification/notification-container.js +74 -0
  173. package/es/notification/notification-container.js.map +1 -0
  174. package/es/overlay/index.d.ts +1 -5
  175. package/es/overlay/index.js +1 -24
  176. package/es/overlay/index.js.map +1 -1
  177. package/es/overlay/overlay.d.ts +6 -0
  178. package/es/overlay/overlay.js +26 -0
  179. package/es/overlay/overlay.js.map +1 -0
  180. package/es/pagination/index.d.ts +1 -2
  181. package/es/pagination/index.js +1 -114
  182. package/es/pagination/index.js.map +1 -1
  183. package/es/pagination/pagination.d.ts +3 -0
  184. package/es/pagination/pagination.js +116 -0
  185. package/es/pagination/pagination.js.map +1 -0
  186. package/es/pop-confirm/index.d.ts +1 -5
  187. package/es/pop-confirm/index.js +1 -33
  188. package/es/pop-confirm/index.js.map +1 -1
  189. package/es/pop-confirm/pop-confirm.d.ts +6 -0
  190. package/es/pop-confirm/pop-confirm.js +35 -0
  191. package/es/pop-confirm/pop-confirm.js.map +1 -0
  192. package/es/popover/index.d.ts +1 -3
  193. package/es/popover/index.js +1 -15
  194. package/es/popover/index.js.map +1 -1
  195. package/es/popover/popover.d.ts +4 -0
  196. package/es/popover/popover.js +17 -0
  197. package/es/popover/popover.js.map +1 -0
  198. package/es/popup/index.d.ts +1 -2
  199. package/es/popup/index.js +1 -194
  200. package/es/popup/index.js.map +1 -1
  201. package/es/popup/popup.d.ts +3 -0
  202. package/es/popup/popup.js +196 -0
  203. package/es/popup/popup.js.map +1 -0
  204. package/es/portal/index.d.ts +1 -6
  205. package/es/portal/index.js +1 -5
  206. package/es/portal/index.js.map +1 -1
  207. package/es/portal/portal.d.ts +7 -0
  208. package/es/portal/portal.js +7 -0
  209. package/es/portal/portal.js.map +1 -0
  210. package/es/rate/index.d.ts +1 -3
  211. package/es/rate/index.js +1 -67
  212. package/es/rate/index.js.map +1 -1
  213. package/es/rate/rate.d.ts +4 -0
  214. package/es/rate/rate.js +69 -0
  215. package/es/rate/rate.js.map +1 -0
  216. package/es/result/index.d.ts +1 -3
  217. package/es/result/index.js +1 -35
  218. package/es/result/index.js.map +1 -1
  219. package/es/result/result.d.ts +4 -0
  220. package/es/result/result.js +37 -0
  221. package/es/result/result.js.map +1 -0
  222. package/es/scroll-indicator/index.d.ts +1 -6
  223. package/es/scroll-indicator/index.js +1 -36
  224. package/es/scroll-indicator/index.js.map +1 -1
  225. package/es/scroll-indicator/scroll-indicator.d.ts +7 -0
  226. package/es/scroll-indicator/scroll-indicator.js +38 -0
  227. package/es/scroll-indicator/scroll-indicator.js.map +1 -0
  228. package/es/skeleton/index.d.ts +1 -3
  229. package/es/skeleton/index.js +1 -16
  230. package/es/skeleton/index.js.map +1 -1
  231. package/es/skeleton/skeleton.d.ts +4 -0
  232. package/es/skeleton/skeleton.js +18 -0
  233. package/es/skeleton/skeleton.js.map +1 -0
  234. package/es/slider/index.d.ts +1 -3
  235. package/es/slider/index.js +1 -245
  236. package/es/slider/index.js.map +1 -1
  237. package/es/slider/slider.d.ts +4 -0
  238. package/es/slider/slider.js +247 -0
  239. package/es/slider/slider.js.map +1 -0
  240. package/es/space/index.d.ts +1 -3
  241. package/es/space/index.js +1 -27
  242. package/es/space/index.js.map +1 -1
  243. package/es/space/space.d.ts +4 -0
  244. package/es/space/space.js +29 -0
  245. package/es/space/space.js.map +1 -0
  246. package/es/split-button/index.d.ts +1 -6
  247. package/es/split-button/index.js +1 -17
  248. package/es/split-button/index.js.map +1 -1
  249. package/es/split-button/split-button.d.ts +7 -0
  250. package/es/split-button/split-button.js +19 -0
  251. package/es/split-button/split-button.js.map +1 -0
  252. package/es/sticky/index.d.ts +1 -5
  253. package/es/sticky/index.js +1 -125
  254. package/es/sticky/index.js.map +1 -1
  255. package/es/sticky/sticky.d.ts +6 -0
  256. package/es/sticky/sticky.js +127 -0
  257. package/es/sticky/sticky.js.map +1 -0
  258. package/es/strength-indicator/index.d.ts +1 -3
  259. package/es/strength-indicator/index.js +1 -22
  260. package/es/strength-indicator/index.js.map +1 -1
  261. package/es/strength-indicator/strength-indicator.d.ts +4 -0
  262. package/es/strength-indicator/strength-indicator.js +24 -0
  263. package/es/strength-indicator/strength-indicator.js.map +1 -0
  264. package/es/style/_theme.scss +3 -3
  265. package/es/style/index.css +8 -64
  266. package/es/switch/index.d.ts +1 -3
  267. package/es/switch/index.js +1 -35
  268. package/es/switch/index.js.map +1 -1
  269. package/es/switch/switch.d.ts +4 -0
  270. package/es/switch/switch.js +37 -0
  271. package/es/switch/switch.js.map +1 -0
  272. package/es/table/style/_index.scss +0 -38
  273. package/es/table/table.js +2 -4
  274. package/es/table/table.js.map +1 -1
  275. package/es/table/types.d.ts +2 -1
  276. package/es/textarea/index.d.ts +1 -3
  277. package/es/textarea/index.js +1 -25
  278. package/es/textarea/index.js.map +1 -1
  279. package/es/textarea/textarea.d.ts +4 -0
  280. package/es/textarea/textarea.js +27 -0
  281. package/es/textarea/textarea.js.map +1 -0
  282. package/es/tooltip/index.d.ts +1 -3
  283. package/es/tooltip/index.js +1 -15
  284. package/es/tooltip/index.js.map +1 -1
  285. package/es/tooltip/tooltip.d.ts +4 -0
  286. package/es/tooltip/tooltip.js +17 -0
  287. package/es/tooltip/tooltip.js.map +1 -0
  288. package/es/transition/index.d.ts +2 -16
  289. package/es/transition/index.js +1 -7
  290. package/es/transition/index.js.map +1 -1
  291. package/es/transition/transition.d.ts +17 -0
  292. package/es/transition/transition.js +9 -0
  293. package/es/transition/transition.js.map +1 -0
  294. package/lib/_utils/use-theme.js +1 -1
  295. package/lib/_utils/use-theme.js.map +1 -1
  296. package/lib/alert/alert.d.ts +4 -0
  297. package/lib/alert/alert.js +59 -0
  298. package/lib/alert/alert.js.map +1 -0
  299. package/lib/alert/index.d.ts +1 -3
  300. package/lib/alert/index.js +2 -55
  301. package/lib/alert/index.js.map +1 -1
  302. package/lib/anchor/anchor.js +9 -0
  303. package/lib/anchor/anchor.js.map +1 -1
  304. package/lib/aspect-ratio/aspect-ratio.d.ts +4 -0
  305. package/lib/aspect-ratio/aspect-ratio.js +18 -0
  306. package/lib/aspect-ratio/aspect-ratio.js.map +1 -0
  307. package/lib/aspect-ratio/index.d.ts +1 -3
  308. package/lib/aspect-ratio/index.js +2 -14
  309. package/lib/aspect-ratio/index.js.map +1 -1
  310. package/lib/back-top/back-top.d.ts +3 -0
  311. package/lib/back-top/back-top.js +83 -0
  312. package/lib/back-top/back-top.js.map +1 -0
  313. package/lib/back-top/index.d.ts +1 -2
  314. package/lib/back-top/index.js +2 -79
  315. package/lib/back-top/index.js.map +1 -1
  316. package/lib/badge/badge.d.ts +4 -0
  317. package/lib/badge/badge.js +32 -0
  318. package/lib/badge/badge.js.map +1 -0
  319. package/lib/badge/index.d.ts +1 -3
  320. package/lib/badge/index.js +2 -28
  321. package/lib/badge/index.js.map +1 -1
  322. package/lib/calendar/calendar.d.ts +4 -0
  323. package/lib/calendar/calendar.js +120 -0
  324. package/lib/calendar/calendar.js.map +1 -0
  325. package/lib/calendar/index.d.ts +1 -3
  326. package/lib/calendar/index.js +2 -116
  327. package/lib/calendar/index.js.map +1 -1
  328. package/lib/collapse-transition/collapse-transition.d.ts +10 -0
  329. package/lib/collapse-transition/collapse-transition.js +91 -0
  330. package/lib/collapse-transition/collapse-transition.js.map +1 -0
  331. package/lib/collapse-transition/index.d.ts +1 -9
  332. package/lib/collapse-transition/index.js +3 -88
  333. package/lib/collapse-transition/index.js.map +1 -1
  334. package/lib/config-provider/config-provider.d.ts +6 -0
  335. package/lib/config-provider/config-provider.js +26 -0
  336. package/lib/config-provider/config-provider.js.map +1 -0
  337. package/lib/config-provider/index.d.ts +1 -5
  338. package/lib/config-provider/index.js +2 -22
  339. package/lib/config-provider/index.js.map +1 -1
  340. package/lib/copy-to-clipboard/copy-to-clipboard.d.ts +7 -0
  341. package/lib/copy-to-clipboard/copy-to-clipboard.js +50 -0
  342. package/lib/copy-to-clipboard/copy-to-clipboard.js.map +1 -0
  343. package/lib/copy-to-clipboard/index.d.ts +1 -6
  344. package/lib/copy-to-clipboard/index.js +2 -46
  345. package/lib/copy-to-clipboard/index.js.map +1 -1
  346. package/lib/countdown/countdown.d.ts +4 -0
  347. package/lib/countdown/countdown.js +45 -0
  348. package/lib/countdown/countdown.js.map +1 -0
  349. package/lib/countdown/index.d.ts +1 -3
  350. package/lib/countdown/index.js +2 -41
  351. package/lib/countdown/index.js.map +1 -1
  352. package/lib/date-picker/date-picker.d.ts +6 -0
  353. package/lib/date-picker/date-picker.js +145 -0
  354. package/lib/date-picker/date-picker.js.map +1 -0
  355. package/lib/date-picker/index.d.ts +1 -5
  356. package/lib/date-picker/index.js +2 -141
  357. package/lib/date-picker/index.js.map +1 -1
  358. package/lib/divider/divider.d.ts +4 -0
  359. package/lib/divider/divider.js +21 -0
  360. package/lib/divider/divider.js.map +1 -0
  361. package/lib/divider/index.d.ts +1 -3
  362. package/lib/divider/index.js +2 -17
  363. package/lib/divider/index.js.map +1 -1
  364. package/lib/drawer/drawer.d.ts +4 -0
  365. package/lib/drawer/drawer.js +70 -0
  366. package/lib/drawer/drawer.js.map +1 -0
  367. package/lib/drawer/index.d.ts +1 -3
  368. package/lib/drawer/index.js +2 -66
  369. package/lib/drawer/index.js.map +1 -1
  370. package/lib/drawer/style/_index.scss +4 -0
  371. package/lib/dropdown/dropdown.d.ts +6 -0
  372. package/lib/dropdown/dropdown.js +104 -0
  373. package/lib/dropdown/dropdown.js.map +1 -0
  374. package/lib/dropdown/index.d.ts +1 -5
  375. package/lib/dropdown/index.js +2 -100
  376. package/lib/dropdown/index.js.map +1 -1
  377. package/lib/empty/empty.d.ts +4 -0
  378. package/lib/empty/empty.js +31 -0
  379. package/lib/empty/empty.js.map +1 -0
  380. package/lib/empty/index.d.ts +1 -3
  381. package/lib/empty/index.js +2 -27
  382. package/lib/empty/index.js.map +1 -1
  383. package/lib/flex/flex.d.ts +4 -0
  384. package/lib/flex/flex.js +32 -0
  385. package/lib/flex/flex.js.map +1 -0
  386. package/lib/flex/index.d.ts +1 -3
  387. package/lib/flex/index.js +2 -28
  388. package/lib/flex/index.js.map +1 -1
  389. package/lib/grid/types.d.ts +1 -1
  390. package/lib/icon/icon.d.ts +4 -0
  391. package/lib/icon/icon.js +20 -0
  392. package/lib/icon/icon.js.map +1 -0
  393. package/lib/icon/index.d.ts +1 -3
  394. package/lib/icon/index.js +2 -16
  395. package/lib/icon/index.js.map +1 -1
  396. package/lib/image/image.d.ts +6 -0
  397. package/lib/image/image.js +37 -0
  398. package/lib/image/image.js.map +1 -0
  399. package/lib/image/index.d.ts +1 -5
  400. package/lib/image/index.js +2 -33
  401. package/lib/image/index.js.map +1 -1
  402. package/lib/input-number/index.d.ts +1 -3
  403. package/lib/input-number/index.js +2 -61
  404. package/lib/input-number/index.js.map +1 -1
  405. package/lib/input-number/input-number.d.ts +4 -0
  406. package/lib/input-number/input-number.js +65 -0
  407. package/lib/input-number/input-number.js.map +1 -0
  408. package/lib/input-password/index.d.ts +1 -2
  409. package/lib/input-password/index.js +2 -20
  410. package/lib/input-password/index.js.map +1 -1
  411. package/lib/input-password/input-password.d.ts +3 -0
  412. package/lib/input-password/input-password.js +24 -0
  413. package/lib/input-password/input-password.js.map +1 -0
  414. package/lib/intl-provider/index.d.ts +1 -7
  415. package/lib/intl-provider/index.js +2 -7
  416. package/lib/intl-provider/index.js.map +1 -1
  417. package/lib/intl-provider/intl-provider.d.ts +8 -0
  418. package/lib/intl-provider/intl-provider.js +11 -0
  419. package/lib/intl-provider/intl-provider.js.map +1 -0
  420. package/lib/keyboard/index.d.ts +1 -3
  421. package/lib/keyboard/index.js +2 -14
  422. package/lib/keyboard/index.js.map +1 -1
  423. package/lib/keyboard/keyboard.d.ts +4 -0
  424. package/lib/keyboard/keyboard.js +18 -0
  425. package/lib/keyboard/keyboard.js.map +1 -0
  426. package/lib/link/index.d.ts +1 -6
  427. package/lib/link/index.js +2 -20
  428. package/lib/link/index.js.map +1 -1
  429. package/lib/link/link.d.ts +7 -0
  430. package/lib/link/link.js +24 -0
  431. package/lib/link/link.js.map +1 -0
  432. package/lib/list/list.js +2 -4
  433. package/lib/list/list.js.map +1 -1
  434. package/lib/list/style/_index.scss +0 -31
  435. package/lib/list/types.d.ts +2 -1
  436. package/lib/loader/index.d.ts +1 -3
  437. package/lib/loader/index.js +2 -24
  438. package/lib/loader/index.js.map +1 -1
  439. package/lib/loader/loader.d.ts +4 -0
  440. package/lib/loader/loader.js +28 -0
  441. package/lib/loader/loader.js.map +1 -0
  442. package/lib/message/index.d.ts +2 -9
  443. package/lib/message/index.js +2 -62
  444. package/lib/message/index.js.map +1 -1
  445. package/lib/message/message-container.d.ts +10 -0
  446. package/lib/message/message-container.js +66 -0
  447. package/lib/message/message-container.js.map +1 -0
  448. package/lib/modal/index.d.ts +1 -3
  449. package/lib/modal/index.js +2 -81
  450. package/lib/modal/index.js.map +1 -1
  451. package/lib/modal/modal.d.ts +4 -0
  452. package/lib/modal/modal.js +85 -0
  453. package/lib/modal/modal.js.map +1 -0
  454. package/lib/modal/style/_index.scss +2 -1
  455. package/lib/notification/index.d.ts +1 -1
  456. package/lib/notification/index.js +2 -73
  457. package/lib/notification/index.js.map +1 -1
  458. package/lib/notification/notification-container.d.ts +2 -0
  459. package/lib/notification/notification-container.js +77 -0
  460. package/lib/notification/notification-container.js.map +1 -0
  461. package/lib/overlay/index.d.ts +1 -5
  462. package/lib/overlay/index.js +2 -25
  463. package/lib/overlay/index.js.map +1 -1
  464. package/lib/overlay/overlay.d.ts +6 -0
  465. package/lib/overlay/overlay.js +29 -0
  466. package/lib/overlay/overlay.js.map +1 -0
  467. package/lib/pagination/index.d.ts +1 -2
  468. package/lib/pagination/index.js +2 -115
  469. package/lib/pagination/index.js.map +1 -1
  470. package/lib/pagination/pagination.d.ts +3 -0
  471. package/lib/pagination/pagination.js +119 -0
  472. package/lib/pagination/pagination.js.map +1 -0
  473. package/lib/pop-confirm/index.d.ts +1 -5
  474. package/lib/pop-confirm/index.js +2 -34
  475. package/lib/pop-confirm/index.js.map +1 -1
  476. package/lib/pop-confirm/pop-confirm.d.ts +6 -0
  477. package/lib/pop-confirm/pop-confirm.js +38 -0
  478. package/lib/pop-confirm/pop-confirm.js.map +1 -0
  479. package/lib/popover/index.d.ts +1 -3
  480. package/lib/popover/index.js +2 -16
  481. package/lib/popover/index.js.map +1 -1
  482. package/lib/popover/popover.d.ts +4 -0
  483. package/lib/popover/popover.js +20 -0
  484. package/lib/popover/popover.js.map +1 -0
  485. package/lib/popup/index.d.ts +1 -2
  486. package/lib/popup/index.js +2 -195
  487. package/lib/popup/index.js.map +1 -1
  488. package/lib/popup/popup.d.ts +3 -0
  489. package/lib/popup/popup.js +199 -0
  490. package/lib/popup/popup.js.map +1 -0
  491. package/lib/portal/index.d.ts +1 -6
  492. package/lib/portal/index.js +2 -6
  493. package/lib/portal/index.js.map +1 -1
  494. package/lib/portal/portal.d.ts +7 -0
  495. package/lib/portal/portal.js +10 -0
  496. package/lib/portal/portal.js.map +1 -0
  497. package/lib/rate/index.d.ts +1 -3
  498. package/lib/rate/index.js +2 -68
  499. package/lib/rate/index.js.map +1 -1
  500. package/lib/rate/rate.d.ts +4 -0
  501. package/lib/rate/rate.js +72 -0
  502. package/lib/rate/rate.js.map +1 -0
  503. package/lib/result/index.d.ts +1 -3
  504. package/lib/result/index.js +2 -36
  505. package/lib/result/index.js.map +1 -1
  506. package/lib/result/result.d.ts +4 -0
  507. package/lib/result/result.js +40 -0
  508. package/lib/result/result.js.map +1 -0
  509. package/lib/scroll-indicator/index.d.ts +1 -6
  510. package/lib/scroll-indicator/index.js +2 -37
  511. package/lib/scroll-indicator/index.js.map +1 -1
  512. package/lib/scroll-indicator/scroll-indicator.d.ts +7 -0
  513. package/lib/scroll-indicator/scroll-indicator.js +41 -0
  514. package/lib/scroll-indicator/scroll-indicator.js.map +1 -0
  515. package/lib/skeleton/index.d.ts +1 -3
  516. package/lib/skeleton/index.js +2 -17
  517. package/lib/skeleton/index.js.map +1 -1
  518. package/lib/skeleton/skeleton.d.ts +4 -0
  519. package/lib/skeleton/skeleton.js +21 -0
  520. package/lib/skeleton/skeleton.js.map +1 -0
  521. package/lib/slider/index.d.ts +1 -3
  522. package/lib/slider/index.js +2 -246
  523. package/lib/slider/index.js.map +1 -1
  524. package/lib/slider/slider.d.ts +4 -0
  525. package/lib/slider/slider.js +250 -0
  526. package/lib/slider/slider.js.map +1 -0
  527. package/lib/space/index.d.ts +1 -3
  528. package/lib/space/index.js +2 -28
  529. package/lib/space/index.js.map +1 -1
  530. package/lib/space/space.d.ts +4 -0
  531. package/lib/space/space.js +32 -0
  532. package/lib/space/space.js.map +1 -0
  533. package/lib/split-button/index.d.ts +1 -6
  534. package/lib/split-button/index.js +2 -18
  535. package/lib/split-button/index.js.map +1 -1
  536. package/lib/split-button/split-button.d.ts +7 -0
  537. package/lib/split-button/split-button.js +22 -0
  538. package/lib/split-button/split-button.js.map +1 -0
  539. package/lib/sticky/index.d.ts +1 -5
  540. package/lib/sticky/index.js +2 -126
  541. package/lib/sticky/index.js.map +1 -1
  542. package/lib/sticky/sticky.d.ts +6 -0
  543. package/lib/sticky/sticky.js +130 -0
  544. package/lib/sticky/sticky.js.map +1 -0
  545. package/lib/strength-indicator/index.d.ts +1 -3
  546. package/lib/strength-indicator/index.js +2 -23
  547. package/lib/strength-indicator/index.js.map +1 -1
  548. package/lib/strength-indicator/strength-indicator.d.ts +4 -0
  549. package/lib/strength-indicator/strength-indicator.js +27 -0
  550. package/lib/strength-indicator/strength-indicator.js.map +1 -0
  551. package/lib/style/_theme.scss +3 -3
  552. package/lib/style/index.css +8 -64
  553. package/lib/switch/index.d.ts +1 -3
  554. package/lib/switch/index.js +2 -36
  555. package/lib/switch/index.js.map +1 -1
  556. package/lib/switch/switch.d.ts +4 -0
  557. package/lib/switch/switch.js +40 -0
  558. package/lib/switch/switch.js.map +1 -0
  559. package/lib/table/style/_index.scss +0 -38
  560. package/lib/table/table.js +2 -4
  561. package/lib/table/table.js.map +1 -1
  562. package/lib/table/types.d.ts +2 -1
  563. package/lib/textarea/index.d.ts +1 -3
  564. package/lib/textarea/index.js +2 -26
  565. package/lib/textarea/index.js.map +1 -1
  566. package/lib/textarea/textarea.d.ts +4 -0
  567. package/lib/textarea/textarea.js +30 -0
  568. package/lib/textarea/textarea.js.map +1 -0
  569. package/lib/tooltip/index.d.ts +1 -3
  570. package/lib/tooltip/index.js +2 -16
  571. package/lib/tooltip/index.js.map +1 -1
  572. package/lib/tooltip/tooltip.d.ts +4 -0
  573. package/lib/tooltip/tooltip.js +20 -0
  574. package/lib/tooltip/tooltip.js.map +1 -0
  575. package/lib/transition/index.d.ts +2 -16
  576. package/lib/transition/index.js +3 -8
  577. package/lib/transition/index.js.map +1 -1
  578. package/lib/transition/transition.d.ts +17 -0
  579. package/lib/transition/transition.js +11 -0
  580. package/lib/transition/transition.js.map +1 -0
  581. package/package.json +3 -2
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { BaseProps, SizeType } from '../_utils/props';
3
+ import { PaginationProps } from '../pagination/types';
3
4
  export interface ListProps<T = any> extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'children'> {
4
5
  dataSource?: T[];
5
6
  renderItem?: (item: T, index: number) => React.ReactNode;
@@ -23,7 +24,7 @@ export interface ListGridType {
23
24
  gutter?: number;
24
25
  column?: number;
25
26
  }
26
- export interface ListPaginationProps {
27
+ export interface ListPaginationProps extends Pick<PaginationProps, 'size' | 'align' | 'disabled'> {
27
28
  current?: number;
28
29
  pageSize?: number;
29
30
  total?: number;
@@ -1,4 +1,2 @@
1
- import React from 'react';
2
- import { LoaderProps } from './types';
3
- declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
1
+ import Loader from './loader';
4
2
  export default Loader;
@@ -1,28 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = tslib_1.__importStar(require("react"));
6
- const classnames_1 = tslib_1.__importDefault(require("classnames"));
7
- const indicator_1 = tslib_1.__importDefault(require("./indicator"));
8
- const config_context_1 = require("../config-provider/config-context");
9
- const general_1 = require("../_utils/general");
10
- const Loader = react_1.default.forwardRef((props, ref) => {
11
- const { size = 'md', loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
12
- const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
13
- const prefixCls = (0, general_1.getPrefixCls)('loader', configContext.prefixCls, customisedCls);
14
- const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
15
- [`${prefixCls}_spinning`]: loading,
16
- });
17
- const indicatorCls = (0, classnames_1.default)(`${prefixCls}__loader-container`, {
18
- [`${prefixCls}__loader-container_vertical`]: vertical,
19
- });
20
- const containerCls = (0, classnames_1.default)(`${prefixCls}__container`, {
21
- [`${prefixCls}__container_loading`]: loading,
22
- [`${prefixCls}__container_blurred`]: loading && blurred,
23
- });
24
- return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, role: "status", "aria-busy": loading, children: [loading && ((0, jsx_runtime_1.jsxs)("div", { className: indicatorCls, children: [indicator ? indicator : (0, jsx_runtime_1.jsx)(indicator_1.default, { className: `${prefixCls}__indicator`, size: size }), tip && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__label`, children: tip })] })), children && (0, jsx_runtime_1.jsx)("div", { className: containerCls, children: children })] }));
25
- });
26
- Loader.displayName = 'Loader';
27
- exports.default = Loader;
4
+ const loader_1 = tslib_1.__importDefault(require("./loader"));
5
+ exports.default = loader_1.default;
28
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/loader/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE;QACnE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,OAAO;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,oBAAoB,EAAE;QAChE,CAAC,GAAG,SAAS,6BAA6B,CAAC,EAAE,QAAQ;KACtD,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,aAAa,EAAE;QACzD,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO;QAC5C,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO,IAAI,OAAO;KACxD,CAAC,CAAC;IAEH,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,eAAY,OAAO,aAC5E,OAAO,IAAI,CACV,iCAAK,SAAS,EAAE,YAAY,aACzB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAS,IAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACvF,GAAG,IAAI,iCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,GAAG,GAAQ,IACxD,CACP,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,YAAY,YAAG,QAAQ,GAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,kBAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/loader/index.tsx"],"names":[],"mappings":";;;AAAA,8DAA8B;AAE9B,kBAAe,gBAAM,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { LoaderProps } from './types';
3
+ declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
4
+ export default Loader;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = tslib_1.__importStar(require("react"));
6
+ const classnames_1 = tslib_1.__importDefault(require("classnames"));
7
+ const indicator_1 = tslib_1.__importDefault(require("./indicator"));
8
+ const config_context_1 = require("../config-provider/config-context");
9
+ const general_1 = require("../_utils/general");
10
+ const Loader = react_1.default.forwardRef((props, ref) => {
11
+ const { size = 'md', loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
12
+ const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
13
+ const prefixCls = (0, general_1.getPrefixCls)('loader', configContext.prefixCls, customisedCls);
14
+ const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
15
+ [`${prefixCls}_spinning`]: loading,
16
+ });
17
+ const indicatorCls = (0, classnames_1.default)(`${prefixCls}__loader-container`, {
18
+ [`${prefixCls}__loader-container_vertical`]: vertical,
19
+ });
20
+ const containerCls = (0, classnames_1.default)(`${prefixCls}__container`, {
21
+ [`${prefixCls}__container_loading`]: loading,
22
+ [`${prefixCls}__container_blurred`]: loading && blurred,
23
+ });
24
+ return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, role: "status", "aria-busy": loading, children: [loading && ((0, jsx_runtime_1.jsxs)("div", { className: indicatorCls, children: [indicator ? indicator : (0, jsx_runtime_1.jsx)(indicator_1.default, { className: `${prefixCls}__indicator`, size: size }), tip && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__label`, children: tip })] })), children && (0, jsx_runtime_1.jsx)("div", { className: containerCls, children: children })] }));
25
+ });
26
+ Loader.displayName = 'Loader';
27
+ exports.default = Loader;
28
+ //# sourceMappingURL=loader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loader.js","sourceRoot":"","sources":["../../components/loader/loader.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE;QACnE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,OAAO;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,oBAAoB,EAAE;QAChE,CAAC,GAAG,SAAS,6BAA6B,CAAC,EAAE,QAAQ;KACtD,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,aAAa,EAAE;QACzD,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO;QAC5C,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO,IAAI,OAAO;KACxD,CAAC,CAAC;IAEH,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,eAAY,OAAO,aAC5E,OAAO,IAAI,CACV,iCAAK,SAAS,EAAE,YAAY,aACzB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAS,IAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACvF,GAAG,IAAI,iCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,GAAG,GAAQ,IACxD,CACP,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,YAAY,YAAG,QAAQ,GAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,kBAAe,MAAM,CAAC"}
@@ -1,10 +1,3 @@
1
- import { ReactNode } from 'react';
2
- export type Options = {
3
- top?: number;
4
- offset?: number;
5
- icon?: ReactNode;
6
- extra?: ReactNode;
7
- className?: string;
8
- };
9
- declare const messageContainer: any;
1
+ import messageContainer from './message-container';
2
+ export type { Options } from './message-container';
10
3
  export default messageContainer;
@@ -1,66 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
- const react_1 = tslib_1.__importDefault(require("react"));
5
- const client_1 = require("react-dom/client");
6
- const message_1 = tslib_1.__importDefault(require("./message"));
7
- const className = '.ty-message-container';
8
- const rootMap = new Map();
9
- let offset;
10
- const unmountDom = (containerDiv, top, height, onClose) => {
11
- const root = rootMap.get(containerDiv);
12
- if (root) {
13
- root.unmount();
14
- rootMap.delete(containerDiv);
15
- }
16
- document.body.removeChild(containerDiv);
17
- requestAnimationFrame(() => {
18
- const containers = document.querySelectorAll(className);
19
- const len = containers.length;
20
- for (let i = 0; i < len; i++) {
21
- const element = containers[i];
22
- const elementTop = parseInt(element.style.top || '0', 10);
23
- elementTop > top && (element.style.top = `${elementTop - height - offset}px`);
24
- }
25
- });
26
- onClose && onClose();
27
- };
28
- const createComponent = (type, content, duration = 3000, onClose, options = {}) => {
29
- const containers = document.querySelectorAll(className);
30
- const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
31
- offset = options.offset || 16;
32
- const top = lastContainer
33
- ? parseInt(lastContainer.style.top || '0', 10) + lastContainer.offsetHeight + offset
34
- : options.top || 15;
35
- const div = document.createElement('div');
36
- div.className = 'ty-message-container';
37
- document.body.appendChild(div);
38
- div.style.top = `${top}px`;
39
- const props = {
40
- type,
41
- content,
42
- duration,
43
- icon: options.icon,
44
- extra: options.extra,
45
- className: options.className,
46
- willUnmount: (height) => {
47
- const updatedTop = parseInt(div.style.top || '0', 10);
48
- unmountDom(div, updatedTop, height, onClose);
49
- },
50
- };
51
- const component = react_1.default.createElement(message_1.default, props);
52
- const root = (0, client_1.createRoot)(div);
53
- rootMap.set(div, root);
54
- root.render(component);
55
- };
56
- const messageContainer = (content, duration, onClose, options) => {
57
- createComponent(undefined, content, duration, onClose, options);
58
- };
59
- ['success', 'error', 'warning', 'info', 'loading'].forEach((type) => {
60
- messageContainer[type] = (content, duration, onClose, options) => {
61
- createComponent(type, content, duration, onClose, options);
62
- };
63
- });
64
- messageContainer.warn = messageContainer.warning;
65
- exports.default = messageContainer;
4
+ const message_container_1 = tslib_1.__importDefault(require("./message-container"));
5
+ exports.default = message_container_1.default;
66
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/message/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/message/index.tsx"],"names":[],"mappings":";;;AAAA,oFAAmD;AAGnD,kBAAe,2BAAgB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+ export type Options = {
3
+ top?: number;
4
+ offset?: number;
5
+ icon?: ReactNode;
6
+ extra?: ReactNode;
7
+ className?: string;
8
+ };
9
+ declare const messageContainer: any;
10
+ export default messageContainer;
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const react_1 = tslib_1.__importDefault(require("react"));
5
+ const client_1 = require("react-dom/client");
6
+ const message_1 = tslib_1.__importDefault(require("./message"));
7
+ const className = '.ty-message-container';
8
+ const rootMap = new Map();
9
+ let offset;
10
+ const unmountDom = (containerDiv, top, height, onClose) => {
11
+ const root = rootMap.get(containerDiv);
12
+ if (root) {
13
+ root.unmount();
14
+ rootMap.delete(containerDiv);
15
+ }
16
+ document.body.removeChild(containerDiv);
17
+ requestAnimationFrame(() => {
18
+ const containers = document.querySelectorAll(className);
19
+ const len = containers.length;
20
+ for (let i = 0; i < len; i++) {
21
+ const element = containers[i];
22
+ const elementTop = parseInt(element.style.top || '0', 10);
23
+ elementTop > top && (element.style.top = `${elementTop - height - offset}px`);
24
+ }
25
+ });
26
+ onClose && onClose();
27
+ };
28
+ const createComponent = (type, content, duration = 3000, onClose, options = {}) => {
29
+ const containers = document.querySelectorAll(className);
30
+ const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
31
+ offset = options.offset || 16;
32
+ const top = lastContainer
33
+ ? parseInt(lastContainer.style.top || '0', 10) + lastContainer.offsetHeight + offset
34
+ : options.top || 15;
35
+ const div = document.createElement('div');
36
+ div.className = 'ty-message-container';
37
+ document.body.appendChild(div);
38
+ div.style.top = `${top}px`;
39
+ const props = {
40
+ type,
41
+ content,
42
+ duration,
43
+ icon: options.icon,
44
+ extra: options.extra,
45
+ className: options.className,
46
+ willUnmount: (height) => {
47
+ const updatedTop = parseInt(div.style.top || '0', 10);
48
+ unmountDom(div, updatedTop, height, onClose);
49
+ },
50
+ };
51
+ const component = react_1.default.createElement(message_1.default, props);
52
+ const root = (0, client_1.createRoot)(div);
53
+ rootMap.set(div, root);
54
+ root.render(component);
55
+ };
56
+ const messageContainer = (content, duration, onClose, options) => {
57
+ createComponent(undefined, content, duration, onClose, options);
58
+ };
59
+ ['success', 'error', 'warning', 'info', 'loading'].forEach((type) => {
60
+ messageContainer[type] = (content, duration, onClose, options) => {
61
+ createComponent(type, content, duration, onClose, options);
62
+ };
63
+ });
64
+ messageContainer.warn = messageContainer.warning;
65
+ exports.default = messageContainer;
66
+ //# sourceMappingURL=message-container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message-container.js","sourceRoot":"","sources":["../../components/message/message-container.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +1,6 @@
1
- import React from 'react';
2
- import { ModalProps } from './types';
1
+ import Modal from './modal';
3
2
  import { ModalProvider, useModal } from './modal-context';
4
3
  import type { ModalProviderProps, UseModalReturn } from './modal-context';
5
- declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
6
4
  type ModalComponent = typeof Modal & {
7
5
  Provider: typeof ModalProvider;
8
6
  useModal: typeof useModal;
@@ -1,88 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = tslib_1.__importStar(require("react"));
6
- const classnames_1 = tslib_1.__importDefault(require("classnames"));
7
- const react_transition_group_1 = require("react-transition-group");
8
- const overlay_1 = tslib_1.__importDefault(require("../overlay"));
9
- const button_1 = tslib_1.__importDefault(require("../button/button"));
10
- const config_context_1 = require("../config-provider/config-context");
11
- const general_1 = require("../_utils/general");
12
- const use_locale_1 = require("../_utils/use-locale");
4
+ const modal_1 = tslib_1.__importDefault(require("./modal"));
13
5
  const modal_context_1 = require("./modal-context");
14
- const Modal = react_1.default.forwardRef((props, ref) => {
15
- const locale = (0, use_locale_1.useLocale)();
16
- const { visible = false, width = 520, centered = false, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, confirmText = locale.Modal.okText, cancelText = locale.Modal.cancelText, confirmLoading = false, animation = 'slide', zIndex = 1000, onConfirm, onCancel: onCancelProp, onClose: onCloseProp, top, header, footer, afterClose, confirmButtonProps, cancelButtonProps, className, children, style, maskStyle, headerStyle, bodyStyle, footerStyle, prefixCls: customisedCls, } = props;
17
- const onCancel = onCloseProp ?? onCancelProp;
18
- const [modalVisible, setModalVisible] = (0, react_1.useState)(visible);
19
- const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
20
- const prefixCls = (0, general_1.getPrefixCls)('modal', configContext.prefixCls, customisedCls);
21
- const cls = (0, classnames_1.default)(prefixCls, className, { [`${prefixCls}_centered`]: centered });
22
- const nodeRef = (0, react_1.useRef)(null);
23
- const previousFocusRef = (0, react_1.useRef)(null);
24
- const titleId = (0, react_1.useId)();
25
- // Focus trap + Escape key
26
- (0, react_1.useEffect)(() => {
27
- if (!visible)
28
- return;
29
- previousFocusRef.current = document.activeElement;
30
- const handleKeyDown = (e) => {
31
- if (e.key === 'Escape') {
32
- onCancel?.(e);
33
- return;
34
- }
35
- if (e.key === 'Tab' && nodeRef.current) {
36
- const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
37
- if (focusable.length === 0)
38
- return;
39
- const first = focusable[0];
40
- const last = focusable[focusable.length - 1];
41
- if (e.shiftKey) {
42
- if (document.activeElement === first) {
43
- e.preventDefault();
44
- last.focus();
45
- }
46
- }
47
- else {
48
- if (document.activeElement === last) {
49
- e.preventDefault();
50
- first.focus();
51
- }
52
- }
53
- }
54
- };
55
- document.addEventListener('keydown', handleKeyDown);
56
- // Focus first focusable element
57
- requestAnimationFrame(() => {
58
- if (nodeRef.current) {
59
- const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
60
- if (focusable.length > 0)
61
- focusable[0].focus();
62
- }
63
- });
64
- return () => {
65
- document.removeEventListener('keydown', handleKeyDown);
66
- previousFocusRef.current?.focus();
67
- };
68
- }, [visible, onCancel]);
69
- const renderFooter = () => {
70
- if (react_1.default.isValidElement(footer)) {
71
- return footer;
72
- }
73
- else if (footer === null) {
74
- return null;
75
- }
76
- else {
77
- return ((0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__footer`, style: footerStyle, children: [(0, jsx_runtime_1.jsx)(button_1.default, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), (0, jsx_runtime_1.jsx)(button_1.default, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
78
- }
79
- };
80
- return ((0, jsx_runtime_1.jsx)(overlay_1.default, { onEnter: () => setModalVisible(true), onExit: () => setModalVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
81
- maskClosable && onCancel ? onCancel(e) : undefined;
82
- }, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { top }, children: (0, jsx_runtime_1.jsx)("div", { style: { width, ...style }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, style: headerStyle, children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
83
- });
84
- Modal.displayName = 'Modal';
85
- const ModalWithContext = Modal;
6
+ const ModalWithContext = modal_1.default;
86
7
  ModalWithContext.Provider = modal_context_1.ModalProvider;
87
8
  ModalWithContext.useModal = modal_context_1.useModal;
88
9
  exports.default = ModalWithContext;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/modal/index.tsx"],"names":[],"mappings":";;;AAAA,4DAA4B;AAC5B,mDAA0D;AAQ1D,MAAM,gBAAgB,GAAG,eAAuB,CAAC;AACjD,gBAAgB,CAAC,QAAQ,GAAG,6BAAa,CAAC;AAC1C,gBAAgB,CAAC,QAAQ,GAAG,wBAAQ,CAAC;AAErC,kBAAe,gBAAgB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ModalProps } from './types';
3
+ declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
4
+ export default Modal;
@@ -0,0 +1,85 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = tslib_1.__importStar(require("react"));
6
+ const classnames_1 = tslib_1.__importDefault(require("classnames"));
7
+ const react_transition_group_1 = require("react-transition-group");
8
+ const overlay_1 = tslib_1.__importDefault(require("../overlay"));
9
+ const __1 = require("..");
10
+ const config_context_1 = require("../config-provider/config-context");
11
+ const general_1 = require("../_utils/general");
12
+ const use_locale_1 = require("../_utils/use-locale");
13
+ const Modal = react_1.default.forwardRef((props, ref) => {
14
+ const locale = (0, use_locale_1.useLocale)();
15
+ const { visible = false, width = 520, centered = false, closable = true, unmountOnClose = true, maskType = 'default', maskClosable = true, confirmText = locale.Modal.okText, cancelText = locale.Modal.cancelText, confirmLoading = false, animation = 'slide', zIndex = 1000, onConfirm, onCancel: onCancelProp, onClose: onCloseProp, top, header, footer, afterClose, confirmButtonProps, cancelButtonProps, className, children, style, maskStyle, headerStyle, bodyStyle, footerStyle, prefixCls: customisedCls, } = props;
16
+ const onCancel = onCloseProp ?? onCancelProp;
17
+ const [modalVisible, setModalVisible] = (0, react_1.useState)(visible);
18
+ const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
19
+ const prefixCls = (0, general_1.getPrefixCls)('modal', configContext.prefixCls, customisedCls);
20
+ const cls = (0, classnames_1.default)(prefixCls, className, { [`${prefixCls}_centered`]: centered });
21
+ const nodeRef = (0, react_1.useRef)(null);
22
+ const previousFocusRef = (0, react_1.useRef)(null);
23
+ const titleId = (0, react_1.useId)();
24
+ // Focus trap + Escape key
25
+ (0, react_1.useEffect)(() => {
26
+ if (!visible)
27
+ return;
28
+ previousFocusRef.current = document.activeElement;
29
+ const handleKeyDown = (e) => {
30
+ if (e.key === 'Escape') {
31
+ onCancel?.(e);
32
+ return;
33
+ }
34
+ if (e.key === 'Tab' && nodeRef.current) {
35
+ const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
36
+ if (focusable.length === 0)
37
+ return;
38
+ const first = focusable[0];
39
+ const last = focusable[focusable.length - 1];
40
+ if (e.shiftKey) {
41
+ if (document.activeElement === first) {
42
+ e.preventDefault();
43
+ last.focus();
44
+ }
45
+ }
46
+ else {
47
+ if (document.activeElement === last) {
48
+ e.preventDefault();
49
+ first.focus();
50
+ }
51
+ }
52
+ }
53
+ };
54
+ document.addEventListener('keydown', handleKeyDown);
55
+ // Focus first focusable element
56
+ requestAnimationFrame(() => {
57
+ if (nodeRef.current) {
58
+ const focusable = nodeRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
59
+ if (focusable.length > 0)
60
+ focusable[0].focus();
61
+ }
62
+ });
63
+ return () => {
64
+ document.removeEventListener('keydown', handleKeyDown);
65
+ previousFocusRef.current?.focus();
66
+ };
67
+ }, [visible, onCancel]);
68
+ const renderFooter = () => {
69
+ if (react_1.default.isValidElement(footer)) {
70
+ return footer;
71
+ }
72
+ else if (footer === null) {
73
+ return null;
74
+ }
75
+ else {
76
+ return ((0, jsx_runtime_1.jsxs)(__1.Flex, { gap: "sm", justify: 'end', className: `${prefixCls}__footer`, style: footerStyle, children: [(0, jsx_runtime_1.jsx)(__1.Button, { onClick: onCancel, className: `${prefixCls}__footer-btn`, ...cancelButtonProps, children: cancelText }), (0, jsx_runtime_1.jsx)(__1.Button, { loading: confirmLoading, onClick: onConfirm, btnType: "primary", className: `${prefixCls}__footer-btn`, ...confirmButtonProps, children: confirmText })] }));
77
+ }
78
+ };
79
+ return ((0, jsx_runtime_1.jsx)(overlay_1.default, { onEnter: () => setModalVisible(true), onExit: () => setModalVisible(false), zIndex: zIndex, type: maskType, unmountOnExit: unmountOnClose, isShow: visible, onExited: afterClose, clickCallback: (e) => {
80
+ maskClosable && onCancel ? onCancel(e) : undefined;
81
+ }, style: maskStyle, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cls, style: { top }, children: (0, jsx_runtime_1.jsx)("div", { style: { width, ...style }, children: (0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { appear: true, nodeRef: nodeRef, in: modalVisible, classNames: `${prefixCls}__content_${animation}`, timeout: 0, children: (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, className: `${prefixCls}__content`, role: "dialog", "aria-modal": "true", "aria-labelledby": header ? titleId : undefined, onClick: (e) => e.stopPropagation(), children: [closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: onCancel, "aria-label": "Close", children: "\u2715" })), header && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__header`, style: headerStyle, children: (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__title`, id: titleId, children: header }) })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__body`, style: bodyStyle, children: children }), renderFooter()] }) }) }) }) }));
82
+ });
83
+ Modal.displayName = 'Modal';
84
+ exports.default = Modal;
85
+ //# sourceMappingURL=modal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.js","sourceRoot":"","sources":["../../components/modal/modal.tsx"],"names":[],"mappings":"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"}
@@ -21,6 +21,7 @@
21
21
  &_slide {
22
22
  &-enter {
23
23
  transform: translateY(-20px);
24
+ transition: none;
24
25
  }
25
26
 
26
27
  &-enter-done {
@@ -39,6 +40,7 @@
39
40
  &_scale {
40
41
  &-enter {
41
42
  transform: scale(0);
43
+ transition: none;
42
44
  }
43
45
 
44
46
  &-enter-done {
@@ -99,7 +101,6 @@
99
101
  &__footer {
100
102
  box-sizing: border-box;
101
103
  padding: 12px 16px;
102
- text-align: right;
103
104
  border-top: 1px solid var(--ty-modal-footer-border);
104
105
  border-radius: 0 0 4px 4px;
105
106
  }
@@ -1,2 +1,2 @@
1
- declare const notificationContainer: any;
1
+ import notificationContainer from './notification-container';
2
2
  export default notificationContainer;
@@ -1,77 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
- const react_1 = tslib_1.__importDefault(require("react"));
5
- const client_1 = require("react-dom/client");
6
- const notification_1 = tslib_1.__importDefault(require("./notification"));
7
- const general_1 = require("../_utils/general");
8
- const className = 'ty-notification-container';
9
- const rootMap = new Map();
10
- let offset;
11
- const unmountDom = (queryName, containerDiv, position, height, direction) => {
12
- const root = rootMap.get(containerDiv);
13
- if (root) {
14
- root.unmount();
15
- rootMap.delete(containerDiv);
16
- }
17
- document.body.removeChild(containerDiv);
18
- requestAnimationFrame(() => {
19
- const containers = document.querySelectorAll(`.${queryName}`);
20
- const len = containers.length;
21
- for (let i = 0; i < len; i++) {
22
- const element = containers[i];
23
- const elementPosition = parseInt(element.style[direction] || '0', 10);
24
- elementPosition > position &&
25
- (element.style[direction] = `${elementPosition - height - offset}px`);
26
- }
27
- });
28
- };
29
- const createComponent = (options, type) => {
30
- const placement = options.placement || 'topRight';
31
- const queryName = `${className}_${(0, general_1.camelCaseToDash)(placement)}`;
32
- const containers = document.querySelectorAll(`.${queryName}`);
33
- const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
34
- const div = document.createElement('div');
35
- div.className = `${className} ${queryName}`;
36
- document.body.appendChild(div);
37
- offset = options.offset || 24;
38
- const direction = placement.includes('top') ? 'top' : 'bottom';
39
- const position = lastContainer
40
- ? parseInt(lastContainer.style[direction] || '0', 10) + lastContainer.offsetHeight + offset
41
- : options.margin || 16;
42
- div.style[direction] = `${position}px`;
43
- const props = {
44
- type,
45
- title: options.title,
46
- description: options.description,
47
- footer: options.footer,
48
- duration: options.duration,
49
- onClose: options.onClose,
50
- onClick: options.onClick,
51
- icon: options.icon,
52
- didMount: () => {
53
- placement.includes('Right') ? (div.style.right = `0px`) : (div.style.left = `0px`);
54
- },
55
- willUnmount: (height) => {
56
- const updatedPosition = parseInt(div.style[direction] || '0', 10);
57
- unmountDom(queryName, div, updatedPosition, height, direction);
58
- },
59
- };
60
- const element = react_1.default.createElement(notification_1.default, props);
61
- const root = (0, client_1.createRoot)(div);
62
- rootMap.set(div, root);
63
- root.render(element);
64
- };
65
- const open = (options) => {
66
- createComponent(options, undefined);
67
- };
68
- const notificationContainer = {};
69
- ['success', 'error', 'warning', 'info'].forEach((type) => {
70
- notificationContainer[type] = (options) => {
71
- createComponent(options, type);
72
- };
73
- });
74
- notificationContainer.open = open;
75
- notificationContainer.warn = notificationContainer.warning;
76
- exports.default = notificationContainer;
4
+ const notification_container_1 = tslib_1.__importDefault(require("./notification-container"));
5
+ exports.default = notification_container_1.default;
77
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/notification/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/notification/index.tsx"],"names":[],"mappings":";;;AAAA,8FAA6D;AAE7D,kBAAe,gCAAqB,CAAC"}
@@ -0,0 +1,2 @@
1
+ declare const notificationContainer: any;
2
+ export default notificationContainer;