@unicom-cloud/ui 0.8.67 → 0.8.68

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 (625) hide show
  1. package/Affix.js +15 -124
  2. package/Alert.js +13 -110
  3. package/Anchor.js +2 -2
  4. package/AutoComplete.js +15 -146
  5. package/Avatar.js +4 -154
  6. package/BackTop.js +14 -83
  7. package/Badge.js +12 -176
  8. package/Breadcrumb.js +12 -138
  9. package/Button.js +12 -149
  10. package/Calendar.js +12 -569
  11. package/Card.js +10 -136
  12. package/Carousel.js +13 -380
  13. package/Cascader.js +2 -2
  14. package/Checkbox.js +2 -2
  15. package/Collapse.js +2 -2
  16. package/ColorPicker.js +14 -582
  17. package/Comment.js +10 -71
  18. package/ConfigProvider.js +5 -6
  19. package/Copy.js +12 -61
  20. package/DatePicker.js +11 -2043
  21. package/Descriptions.js +11 -176
  22. package/Divider.js +7 -38
  23. package/Draggable.js +7 -90
  24. package/Drawer.js +2 -2
  25. package/Dropdown.js +15 -199
  26. package/Empty.js +2 -2
  27. package/Form.js +16 -1455
  28. package/Grid.js +9 -252
  29. package/Icon.js +7 -55
  30. package/IconHover.js +1 -1
  31. package/Image.js +6 -5
  32. package/Input.js +12 -12
  33. package/InputNumber.js +7 -5
  34. package/InputTag.js +2 -2
  35. package/Layout.js +16 -56
  36. package/Link.js +9 -60
  37. package/List.js +18 -312
  38. package/Loading.js +4 -59
  39. package/Mentions.js +12 -164
  40. package/Menu.js +8 -7
  41. package/Message.js +6 -5
  42. package/Modal.js +2 -2
  43. package/Notice.js +5 -6
  44. package/Notification.js +7 -6
  45. package/OverflowEllipsis.js +8 -98
  46. package/PageHeader.js +13 -113
  47. package/Pagination.js +2 -2
  48. package/Picker.js +4 -3
  49. package/Popconfirm.js +13 -128
  50. package/Popover.js +10 -76
  51. package/Portal.js +5 -25
  52. package/Progress.js +11 -363
  53. package/Radio.js +5 -6
  54. package/Rate.js +14 -125
  55. package/ResizeBox.js +16 -558
  56. package/Result.js +14 -1434
  57. package/Select.js +5 -4
  58. package/SelectView.js +9 -425
  59. package/Skeleton.js +11 -94
  60. package/Slider.js +21 -776
  61. package/Space.js +11 -94
  62. package/SpeechSynthesis.js +48 -64
  63. package/Spin.js +11 -94
  64. package/Statistic.js +15 -192
  65. package/Steps.js +11 -148
  66. package/SuspenseFallbackTest.js +3 -10
  67. package/Switch.js +13 -114
  68. package/Table.js +16 -2097
  69. package/Tabs.js +6 -6
  70. package/Tag.js +13 -134
  71. package/TimePicker.js +7 -274
  72. package/Timeline.js +4 -4
  73. package/Tooltip.js +12 -137
  74. package/Transfer.js +14 -450
  75. package/Tree.js +3 -2
  76. package/TreeSelect.js +3 -4
  77. package/Trigger.js +21 -809
  78. package/Typography.js +10 -756
  79. package/Upload.js +4 -4
  80. package/VerificationCode.js +2 -2
  81. package/VirtualList.js +2 -2
  82. package/Watermark.js +2 -2
  83. package/affix/index.js +126 -0
  84. package/affix/interface.js +1 -0
  85. package/alert/index.js +112 -0
  86. package/alert/interface.js +1 -0
  87. package/anchor/Anchor.js +198 -0
  88. package/anchor/Link.js +52 -0
  89. package/anchor/context.js +14 -0
  90. package/anchor/index.js +4 -0
  91. package/anchor/interface.js +1 -0
  92. package/anchor/util.js +50 -0
  93. package/auto-complete/index.js +149 -0
  94. package/auto-complete/interface.js +1 -0
  95. package/avatar/Avatar.js +83 -0
  96. package/avatar/Group.js +82 -0
  97. package/avatar/context.js +5 -0
  98. package/avatar/index.js +7 -0
  99. package/avatar/interface.js +1 -0
  100. package/back-top/index.js +85 -0
  101. package/back-top/interface.js +1 -0
  102. package/badge/Count.js +35 -0
  103. package/badge/index.js +151 -0
  104. package/badge/interface.js +1 -0
  105. package/breadcrumb/Item.js +67 -0
  106. package/breadcrumb/index.js +81 -0
  107. package/breadcrumb/interface.js +1 -0
  108. package/button/Group.js +13 -0
  109. package/button/index.js +146 -0
  110. package/button/interface.js +1 -0
  111. package/calendar/Month.js +12 -0
  112. package/calendar/WeekList.js +24 -0
  113. package/calendar/Year.js +74 -0
  114. package/calendar/index.js +320 -0
  115. package/calendar/interface.js +1 -0
  116. package/card/Grid.js +25 -0
  117. package/card/Meta.js +30 -0
  118. package/card/index.js +99 -0
  119. package/card/interface.js +1 -0
  120. package/carousel/Arrow.js +55 -0
  121. package/carousel/Indicator.js +66 -0
  122. package/carousel/index.js +278 -0
  123. package/carousel/interface.js +1 -0
  124. package/cascader/Cascader.js +26 -0
  125. package/cascader/index.js +4 -0
  126. package/cascader/interface.js +1 -0
  127. package/cascader/util.js +14 -0
  128. package/checkbox/Checkbox.js +16 -0
  129. package/checkbox/Group.js +14 -0
  130. package/checkbox/IconCheck.js +19 -0
  131. package/checkbox/index.js +4 -0
  132. package/checkbox/interface.js +1 -0
  133. package/checkbox/useCheckbox.js +45 -0
  134. package/chunk/{qFf1w_Jq.js → 5_U1CBIu.js} +2 -2
  135. package/chunk/B2yFlXke.js +6 -0
  136. package/chunk/B4JiMp8I.js +764 -0
  137. package/chunk/B4YRLi8r.js +11 -0
  138. package/chunk/B5RFT17G.js +15 -0
  139. package/chunk/{CNmmhbCn.js → B6X4lnd0.js} +32 -32
  140. package/chunk/B7M-FGia.js +41 -0
  141. package/chunk/{B7FlazNB.js → BBkdXHrJ.js} +7 -7
  142. package/chunk/{BHF15Dog.js → BDB0LByj.js} +20 -20
  143. package/chunk/BFTV6myl.js +19 -0
  144. package/chunk/BJ1soa2K.js +178 -0
  145. package/chunk/BKKEev13.js +11 -0
  146. package/chunk/BKT9BFf4.js +11 -0
  147. package/chunk/BSCrLtfQ.js +10 -0
  148. package/chunk/{WpO_DsK4.js → BSaQv6mx.js} +62 -60
  149. package/chunk/BXAeh0_V.js +16 -0
  150. package/chunk/Bfq4YEcr.js +23 -0
  151. package/chunk/Bg3uJGPu.js +10 -0
  152. package/chunk/{C_gJWGGh.js → Bi4UkwOR.js} +180 -168
  153. package/chunk/BibHFOCF.js +34 -0
  154. package/chunk/Biupwn8l.js +24 -0
  155. package/chunk/{BCftTxEy.js → BjpUSKM3.js} +184 -181
  156. package/chunk/{Cf5QNhkG.js → Bl7BnD1R.js} +15 -15
  157. package/chunk/BsY85n3_.js +14 -0
  158. package/chunk/C48SmsN-.js +38 -0
  159. package/chunk/C4OrxKE6.js +18 -0
  160. package/chunk/C98ks5S8.js +473 -0
  161. package/chunk/CC---6jO.js +110 -0
  162. package/chunk/{DleQ5HwG.js → CCv-5KFt.js} +58 -58
  163. package/chunk/CD3AUpzo.js +166 -0
  164. package/chunk/CIRG541s.js +22 -0
  165. package/chunk/CKyu68pu.js +312 -0
  166. package/chunk/CQ_WOOmf.js +8 -0
  167. package/chunk/{CKNyIitu.js → CVYWxu00.js} +10 -10
  168. package/chunk/CYhxqVkn.js +9 -0
  169. package/chunk/CbLaCJmG.js +26 -0
  170. package/chunk/CdaT1b_F.js +20 -0
  171. package/chunk/CftuXmo_.js +6 -0
  172. package/chunk/CgurXnoy.js +569 -0
  173. package/chunk/{DKr2_PYd.js → Clo26EcR.js} +10 -10
  174. package/chunk/ClqoGc3r.js +17 -0
  175. package/chunk/CmZzBtA4.js +16 -0
  176. package/chunk/CpGBWmuz.js +1461 -0
  177. package/chunk/CzQObzKd.js +1817 -0
  178. package/chunk/D-TPB2Do.js +56 -0
  179. package/chunk/D090jlwP.js +38 -0
  180. package/chunk/{CJ_o9tZM.js → D0ZWT7db.js} +1 -1
  181. package/chunk/DH7HTOV_.js +11 -0
  182. package/chunk/DKHXj8Kf.js +9 -0
  183. package/chunk/Dh7Osrvr.js +27 -0
  184. package/chunk/DonYzv30.js +14 -0
  185. package/chunk/DpoumMDw.js +50 -0
  186. package/chunk/Duezix3m.js +25 -0
  187. package/chunk/DxVvggX2.js +11 -0
  188. package/chunk/DzVH9IBy.js +1413 -0
  189. package/chunk/SSK90wgo.js +209 -0
  190. package/chunk/{CSC_V_25.js → URXCKjXr.js} +8 -8
  191. package/chunk/VSe_Wq1g.js +10 -0
  192. package/chunk/XTEsYGuF.js +17 -0
  193. package/chunk/b1e8awfs.js +31 -0
  194. package/chunk/hEWZQ8Zi.js +16 -0
  195. package/chunk/k-OUstoD.js +58 -0
  196. package/chunk/ll867Bf3.js +730 -0
  197. package/chunk/{CLiqJm_T.js → oopARUrq.js} +2 -2
  198. package/chunk/tamGhTJp.js +186 -0
  199. package/chunk/{CANgSlh3.js → uKZyjtff.js} +31 -31
  200. package/chunk/vmgkWLYf.js +843 -0
  201. package/chunk/yl4BU7Sd.js +1068 -0
  202. package/chunk/zmmqLCF4.js +20 -0
  203. package/collapse/Collapse.js +15 -0
  204. package/collapse/Item.js +11 -0
  205. package/collapse/index.js +4 -0
  206. package/collapse/interface.js +1 -0
  207. package/color-picker/ControlBar.js +63 -0
  208. package/color-picker/InputAlpha.js +22 -0
  209. package/color-picker/InputHex.js +55 -0
  210. package/color-picker/InputRgb.js +61 -0
  211. package/color-picker/Mode.js +10 -0
  212. package/color-picker/Palette.js +34 -0
  213. package/color-picker/Panel.js +268 -0
  214. package/color-picker/colors.js +37 -0
  215. package/color-picker/index.js +270 -0
  216. package/color-picker/interface.js +4 -0
  217. package/color-picker/utils.js +89 -0
  218. package/comment/index.js +73 -0
  219. package/comment/interface.js +1 -0
  220. package/config-provider/ConfigProvider.js +15 -0
  221. package/config-provider/context.js +8 -0
  222. package/config-provider/index.js +8 -0
  223. package/config-provider/interface.js +1 -0
  224. package/copy/index.js +63 -0
  225. package/copy/interface.js +1 -0
  226. package/date-picker/Picker.js +410 -0
  227. package/date-picker/PickerRange.js +24 -0
  228. package/date-picker/context.js +5 -0
  229. package/date-picker/index.js +50 -0
  230. package/date-picker/interface.js +1 -0
  231. package/date-picker/util.js +76 -0
  232. package/descriptions/index.js +178 -0
  233. package/descriptions/interface.js +1 -0
  234. package/divider/index.js +40 -0
  235. package/divider/interface.js +1 -0
  236. package/draggable/Item.js +67 -0
  237. package/draggable/index.js +32 -0
  238. package/draggable/interface.js +1 -0
  239. package/{chunk/CP0odX99.js → drawer/Drawer.js} +71 -71
  240. package/drawer/index.js +4 -0
  241. package/drawer/interface.js +1 -0
  242. package/dropdown/Button.js +11 -0
  243. package/dropdown/index.js +201 -0
  244. package/dropdown/interface.js +1 -0
  245. package/empty/index.js +9 -0
  246. package/empty/interface.js +1 -0
  247. package/form/Control.js +262 -0
  248. package/form/Form.js +160 -0
  249. package/form/FormItem.js +239 -0
  250. package/form/FormLabel.js +54 -0
  251. package/form/FormList.js +100 -0
  252. package/form/FormProvider.js +48 -0
  253. package/form/IconSymbol.js +20 -0
  254. package/form/context.js +43 -0
  255. package/form/index.js +107 -0
  256. package/form/interface.js +11 -0
  257. package/form/promisify.js +32 -0
  258. package/form/store.js +360 -0
  259. package/form/useForm.js +53 -0
  260. package/form/util.js +75 -0
  261. package/grid/Col.js +85 -0
  262. package/grid/Row.js +86 -0
  263. package/grid/context.js +9 -0
  264. package/grid/grid-item.js +75 -0
  265. package/grid/grid.js +103 -0
  266. package/grid/index.js +15 -0
  267. package/grid/interface.js +1 -0
  268. package/grid/util.js +51 -0
  269. package/hooks/index.js +38 -38
  270. package/hooks/useComputedState.js +2 -2
  271. package/hooks/useCreate.js +2 -2
  272. package/hooks/useForceUpdate.js +1 -1
  273. package/hooks/useId.js +1 -1
  274. package/hooks/useInView.js +1 -1
  275. package/hooks/useIntersectionObserver.js +1 -1
  276. package/hooks/useInterval.js +2 -2
  277. package/hooks/useIsFirstRender.js +1 -1
  278. package/hooks/useIsomorphicLayoutEffect.js +1 -1
  279. package/hooks/useKeyboardEvent.js +1 -1
  280. package/hooks/useMedia.js +1 -1
  281. package/hooks/useMergeProps.js +1 -1
  282. package/hooks/useMergeValue.js +1 -1
  283. package/hooks/useOnlineStatus.js +2 -2
  284. package/hooks/useOverflowHidden.js +1 -1
  285. package/hooks/useOverrideRef.js +1 -1
  286. package/hooks/usePersistCallback.js +1 -1
  287. package/hooks/usePrefersColorSchemeDark.js +1 -1
  288. package/hooks/usePrevious.js +1 -1
  289. package/hooks/useRefs.js +1 -1
  290. package/hooks/useResizeObserver.js +2 -2
  291. package/hooks/useStateCallback.js +1 -1
  292. package/hooks/useStateWithPromise.js +1 -1
  293. package/hooks/useUpdateEffect.js +1 -1
  294. package/hooks/useVerificationCode.js +10 -10
  295. package/hooks/useWatch.js +1 -1
  296. package/hooks/useWatermark.js +25 -25
  297. package/hooks/useWindowSize.js +1 -1
  298. package/icon/addFromIconFontCn.js +7 -0
  299. package/icon/index.js +57 -0
  300. package/icon-hover/index.js +7 -0
  301. package/image/Image.js +191 -0
  302. package/image/ImageFooter.js +8 -0
  303. package/image/ImagePreview.js +41 -0
  304. package/image/ImagePreviewArrow.js +46 -0
  305. package/image/ImagePreviewGroup.js +125 -0
  306. package/image/ImagePreviewToolbar.js +99 -0
  307. package/image/TriggerForToolbar.js +10 -0
  308. package/image/index.js +8 -0
  309. package/image/interface.js +1 -0
  310. package/image/previewGroupContext.js +17 -0
  311. package/index.js +592 -560
  312. package/input/Group.js +18 -0
  313. package/input/Input.js +688 -0
  314. package/input/InputElement.js +235 -0
  315. package/input/Number.js +4 -0
  316. package/input/Password.js +13 -0
  317. package/input/Search.js +14 -0
  318. package/input/Tag.js +4 -0
  319. package/input/Textarea.js +16 -0
  320. package/input/autoSizeTextAreaHeight.js +65 -0
  321. package/input/index.js +15 -0
  322. package/input/interface.js +1 -0
  323. package/input/useComposition.js +39 -0
  324. package/input-number/decimal.js +154 -0
  325. package/input-number/index.js +18 -0
  326. package/input-number/interface.js +1 -0
  327. package/input-number/useSelectionRange.js +26 -0
  328. package/input-number/util.js +57 -0
  329. package/input-tag/InputTag.js +384 -0
  330. package/input-tag/index.js +4 -0
  331. package/input-tag/interface.js +1 -0
  332. package/layout/Content.js +13 -0
  333. package/layout/Footer.js +13 -0
  334. package/layout/Header.js +13 -0
  335. package/{chunk/pZoNQ75H.js → layout/Sider.js} +31 -31
  336. package/layout/index.js +43 -0
  337. package/layout/interface.js +1 -0
  338. package/link/index.js +62 -0
  339. package/link/interface.js +1 -0
  340. package/list/Item.js +44 -0
  341. package/list/Meta.js +19 -0
  342. package/list/index.js +269 -0
  343. package/list/interface.js +1 -0
  344. package/loading/index.js +61 -0
  345. package/locale/en-US.js +1 -1
  346. package/locale/tr-TR.js +1 -1
  347. package/mentions/index.js +146 -0
  348. package/mentions/interface.js +1 -0
  349. package/mentions/util.js +26 -0
  350. package/menu/Indent.js +17 -0
  351. package/menu/Item.js +125 -0
  352. package/menu/ItemGroup.js +39 -0
  353. package/menu/Menu.js +26 -0
  354. package/menu/OverflowWrap.js +10 -0
  355. package/menu/context.js +5 -0
  356. package/menu/index.js +11 -0
  357. package/menu/interface.js +1 -0
  358. package/menu/util.js +80 -0
  359. package/message/index.js +14 -0
  360. package/message/interface.js +1 -0
  361. package/message/useMessage.js +7 -0
  362. package/modal/Confirm.js +13 -0
  363. package/modal/Modal.js +21 -0
  364. package/modal/config.js +25 -0
  365. package/modal/index.js +4 -0
  366. package/modal/interface.js +1 -0
  367. package/notice/index.js +24 -0
  368. package/notification/index.js +16 -0
  369. package/notification/interface.js +1 -0
  370. package/notification/useNotification.js +6 -0
  371. package/notification/withNotification.js +49 -0
  372. package/overflow-ellipsis/OverflowItem.js +35 -0
  373. package/overflow-ellipsis/index.js +74 -0
  374. package/package.json +1 -1
  375. package/page-header/index.js +115 -0
  376. package/page-header/interface.js +1 -0
  377. package/pagination/PageItem.js +119 -0
  378. package/pagination/PageJumper.js +60 -0
  379. package/pagination/PageOption.js +47 -0
  380. package/pagination/Pagination.js +245 -0
  381. package/pagination/index.js +4 -0
  382. package/pagination/interface.js +1 -0
  383. package/picker/Input.js +130 -0
  384. package/picker/InputRange.js +158 -0
  385. package/picker/index.js +6 -0
  386. package/popconfirm/index.js +130 -0
  387. package/popconfirm/interface.js +1 -0
  388. package/popover/index.js +78 -0
  389. package/popover/interface.js +1 -0
  390. package/portal/Portal.js +15 -0
  391. package/portal/index.js +17 -0
  392. package/progress/CircleProgress.js +117 -0
  393. package/progress/LineProgess.js +103 -0
  394. package/progress/StepProgress.js +74 -0
  395. package/progress/index.js +99 -0
  396. package/progress/interface.js +1 -0
  397. package/radio/Group.js +16 -0
  398. package/radio/Radio.js +15 -0
  399. package/radio/index.js +8 -0
  400. package/radio/interface.js +1 -0
  401. package/rate/index.js +127 -0
  402. package/rate/interface.js +1 -0
  403. package/resize-box/ResizeTrigger.js +78 -0
  404. package/resize-box/Split.js +130 -0
  405. package/resize-box/SplitGroup.js +202 -0
  406. package/resize-box/index.js +182 -0
  407. package/resize-box/interface.js +1 -0
  408. package/result/403.js +695 -0
  409. package/result/404.js +513 -0
  410. package/result/500.js +166 -0
  411. package/result/index.js +77 -0
  412. package/result/interface.js +1 -0
  413. package/select/OptGroup.js +20 -0
  414. package/select/Option.js +95 -0
  415. package/select/Select.js +549 -0
  416. package/select/index.js +8 -0
  417. package/select/interface.js +1 -0
  418. package/select/util.js +141 -0
  419. package/select-view/Core.js +370 -0
  420. package/select-view/index.js +67 -0
  421. package/select-view/interface.js +1 -0
  422. package/skeleton/Image.js +24 -0
  423. package/skeleton/Text.js +27 -0
  424. package/skeleton/index.js +57 -0
  425. package/skeleton/interface.js +1 -0
  426. package/slider/Button.js +159 -0
  427. package/slider/Dot.js +43 -0
  428. package/slider/Input.js +75 -0
  429. package/slider/Mark.js +28 -0
  430. package/slider/Tick.js +44 -0
  431. package/slider/index.js +429 -0
  432. package/slider/interface.js +1 -0
  433. package/slider/util.js +63 -0
  434. package/space/index.js +90 -0
  435. package/space/interface.js +1 -0
  436. package/space/toArray.js +11 -0
  437. package/speech-synthesis/index.js +109 -0
  438. package/spin/DotLoading.js +24 -0
  439. package/spin/index.js +79 -0
  440. package/spin/interface.js +1 -0
  441. package/statistic/Countdown.js +55 -0
  442. package/statistic/index.js +120 -0
  443. package/statistic/interface.js +1 -0
  444. package/statistic/util.js +33 -0
  445. package/steps/Step.js +68 -0
  446. package/steps/index.js +89 -0
  447. package/steps/interface.js +1 -0
  448. package/style.css +1 -1
  449. package/suspense-fallback-test/index.js +12 -0
  450. package/switch/index.js +116 -0
  451. package/switch/interface.js +1 -0
  452. package/table/ColGroup.js +59 -0
  453. package/table/Table.js +24 -0
  454. package/table/constant.js +42 -0
  455. package/table/index.js +103 -0
  456. package/table/interface.js +1 -0
  457. package/table/util.js +121 -0
  458. package/tabs/Tab.js +18 -0
  459. package/tabs/TabContent.js +8 -0
  460. package/tabs/TabPane.js +24 -0
  461. package/tabs/index.js +9 -0
  462. package/tabs/interface.js +1 -0
  463. package/tabs/util.js +22 -0
  464. package/tag/index.js +136 -0
  465. package/tag/interface.js +1 -0
  466. package/time-picker/Picker.js +219 -0
  467. package/time-picker/RangePicker.js +56 -0
  468. package/time-picker/TimeColumn.js +65 -0
  469. package/time-picker/TimePicker.js +240 -0
  470. package/time-picker/context.js +5 -0
  471. package/time-picker/index.js +20 -0
  472. package/time-picker/interface.js +1 -0
  473. package/time-picker/util.js +43 -0
  474. package/timeline/Item.js +92 -0
  475. package/timeline/Timeline.js +79 -0
  476. package/timeline/index.js +6 -0
  477. package/timeline/interface.js +1 -0
  478. package/tooltip/index.js +140 -0
  479. package/tooltip/interface.js +1 -0
  480. package/transfer/Item.js +106 -0
  481. package/transfer/List.js +186 -0
  482. package/transfer/index.js +182 -0
  483. package/transfer/interface.js +1 -0
  484. package/tree/Animation.js +11 -0
  485. package/tree/Context.js +5 -0
  486. package/tree/Node.js +16 -0
  487. package/tree/NodeList.js +82 -0
  488. package/tree/Tree.js +580 -0
  489. package/tree/index.js +6 -0
  490. package/tree/interface.js +1 -0
  491. package/tree/util.js +76 -0
  492. package/tree-select/List.js +124 -0
  493. package/tree-select/Select.js +395 -0
  494. package/tree-select/index.js +6 -0
  495. package/tree-select/interface.js +13 -0
  496. package/tree-select/util.js +9 -0
  497. package/trigger/getPopupStyle.js +192 -0
  498. package/trigger/index.js +626 -0
  499. package/trigger/interface.js +1 -0
  500. package/types/color-picker/ControlBar.d.ts +12 -5
  501. package/types/color-picker/Mode.d.ts +7 -0
  502. package/types/color-picker/Panel.d.ts +10 -2
  503. package/types/color-picker/hooks/useColorPicker.d.ts +13 -11
  504. package/types/color-picker/hooks/useControlBlock.d.ts +10 -3
  505. package/types/color-picker/index.d.ts +1 -1
  506. package/types/color-picker/interface.d.ts +19 -7
  507. package/types/color-picker/utils.d.ts +23 -0
  508. package/types/form/Control.d.ts +54 -5
  509. package/types/index.d.ts +1 -2
  510. package/types/table/hook/useThResizable.d.ts +1 -1
  511. package/typography/Base.js +189 -0
  512. package/typography/EditContent.js +46 -0
  513. package/typography/Ellipsis.js +124 -0
  514. package/typography/Operations.js +78 -0
  515. package/typography/Paragraph.js +24 -0
  516. package/typography/Text.js +11 -0
  517. package/typography/Title.js +12 -0
  518. package/typography/Typography.js +13 -0
  519. package/typography/index.js +278 -0
  520. package/typography/interface.js +1 -0
  521. package/typography/useCssEllipsis.js +37 -0
  522. package/typography/useEllipsis.js +150 -0
  523. package/upload/TriggerNode.js +116 -0
  524. package/upload/Upload.js +627 -0
  525. package/upload/Uploader.js +206 -0
  526. package/upload/index.js +8 -0
  527. package/upload/interface.js +9 -0
  528. package/upload/request.js +51 -0
  529. package/upload/request_.js +64 -0
  530. package/upload/util.js +61 -0
  531. package/utils/CSSTransition.js +2 -2
  532. package/utils/constant.js +3 -3
  533. package/utils/contextHolder.js +1 -1
  534. package/utils/dayjs.js +11 -11
  535. package/utils/dom.js +32 -32
  536. package/utils/fillNBSP.js +2 -2
  537. package/utils/getHighlightText.js +2 -2
  538. package/utils/getHotkeyHandler.js +2 -2
  539. package/utils/getStringLength.js +2 -2
  540. package/utils/include.js +2 -2
  541. package/utils/index.js +96 -96
  542. package/utils/is.js +53 -53
  543. package/utils/mergeProps.js +2 -2
  544. package/utils/mergedToString.js +2 -2
  545. package/utils/omit.js +2 -2
  546. package/utils/pad.js +12 -12
  547. package/utils/pick.js +4 -4
  548. package/utils/reactDOM.js +3 -3
  549. package/utils/resizeObserverEffect.js +1 -1
  550. package/utils/screenfull.js +1 -1
  551. package/utils/scrollIntoView.js +2 -2
  552. package/utils/style.js +11 -11
  553. package/utils/throttleByRaf.js +8 -8
  554. package/utils/warning.js +5 -5
  555. package/{chunk/-UuKKT0Z.js → verification-code/VerificationCode.js} +32 -31
  556. package/verification-code/index.js +4 -0
  557. package/verification-code/interface.js +1 -0
  558. package/{Version.js → version/index.js} +1 -1
  559. package/virtual-list/Filler.js +31 -0
  560. package/virtual-list/VirtualList.js +493 -0
  561. package/virtual-list/index.js +4 -0
  562. package/{chunk/CaasmWg_.js → watermark/Watermark.js} +11 -10
  563. package/watermark/index.js +4 -0
  564. package/watermark/interface.js +1 -0
  565. package/chunk/B5gK1Idp.js +0 -19
  566. package/chunk/BBvWDeuZ.js +0 -334
  567. package/chunk/BGny4zSb.js +0 -166
  568. package/chunk/BJQ5UNa-.js +0 -1585
  569. package/chunk/BP9sYyk9.js +0 -8
  570. package/chunk/BUdtVdnv.js +0 -38
  571. package/chunk/BVQlOzTS.js +0 -11
  572. package/chunk/B__a_gb_.js +0 -519
  573. package/chunk/BbEYToV1.js +0 -10
  574. package/chunk/BbdDQAnm.js +0 -15
  575. package/chunk/BdUcgWdu.js +0 -11
  576. package/chunk/BfbXSG70.js +0 -26
  577. package/chunk/BndfNLK4.js +0 -186
  578. package/chunk/BoMCZV6K.js +0 -1098
  579. package/chunk/Br0B6y1T.js +0 -18
  580. package/chunk/BxUs8_Cr.js +0 -9
  581. package/chunk/C42LIMP9.js +0 -970
  582. package/chunk/C4YkFMzC.js +0 -778
  583. package/chunk/C9Wcraj7.js +0 -162
  584. package/chunk/CK5m7rLl.js +0 -166
  585. package/chunk/CPT-OZH2.js +0 -14
  586. package/chunk/CVSF8p0O.js +0 -698
  587. package/chunk/C_agcwLN.js +0 -31
  588. package/chunk/CkNSv2U7.js +0 -56
  589. package/chunk/Cp2f70gB.js +0 -9
  590. package/chunk/CpegYjdC.js +0 -16
  591. package/chunk/CucI3KZr.js +0 -20
  592. package/chunk/CwoFBTYz.js +0 -11
  593. package/chunk/D2KPqPhV.js +0 -17
  594. package/chunk/D7NyvE5f.js +0 -17
  595. package/chunk/D8oTPQ2H.js +0 -384
  596. package/chunk/DC1iHEiy.js +0 -912
  597. package/chunk/DFrfrmfK.js +0 -519
  598. package/chunk/DGTIZ_0O.js +0 -6
  599. package/chunk/DJfpiZn_.js +0 -25
  600. package/chunk/DNUz6zgo.js +0 -11
  601. package/chunk/DRtM649q.js +0 -11
  602. package/chunk/DS_mUWn6.js +0 -41
  603. package/chunk/DU6bs_19.js +0 -10
  604. package/chunk/DWdbwz22.js +0 -10
  605. package/chunk/DcveZuqd.js +0 -6
  606. package/chunk/DdVFknul.js +0 -24
  607. package/chunk/DgRfikwe.js +0 -16
  608. package/chunk/DkyR2EfG.js +0 -243
  609. package/chunk/DnrZEnQ_.js +0 -27
  610. package/chunk/DsRSHWtX.js +0 -1025
  611. package/chunk/Dz5BdmXo.js +0 -270
  612. package/chunk/EANe01DF.js +0 -1030
  613. package/chunk/GoNx5R4F.js +0 -873
  614. package/chunk/HDUQku8d.js +0 -20
  615. package/chunk/HrAP__Hi.js +0 -25
  616. package/chunk/SLWP34OR.js +0 -229
  617. package/chunk/VVKtwaGf.js +0 -278
  618. package/chunk/WPNpLxSI.js +0 -16
  619. package/chunk/fdU3ang6.js +0 -14
  620. package/chunk/fkclKOAL.js +0 -830
  621. package/chunk/flvYlqx3.js +0 -22
  622. package/chunk/kTDayEpF.js +0 -288
  623. package/chunk/w-kM1L5W.js +0 -445
  624. package/types/form/Control-old.d.ts +0 -56
  625. package/types/style/index.d.ts +0 -1
package/chunk/DC1iHEiy.js DELETED
@@ -1,912 +0,0 @@
1
- import { jsx as f } from "react/jsx-runtime";
2
- import o from "prop-types";
3
- import c, { isValidElement as v, cloneElement as S, Children as F, useRef as P, useMemo as I } from "react";
4
- import y from "react-dom";
5
- import { A as U } from "./CkNSv2U7.js";
6
- import { g as W, D as X } from "./BUdtVdnv.js";
7
- function _(n, e) {
8
- return n.classList ? !!e && n.classList.contains(e) : ` ${n.className.baseVal || n.className} `.indexOf(
9
- ` ${e} `
10
- ) !== -1;
11
- }
12
- function G(n, e) {
13
- n.classList ? n.classList.add(e) : _(n, e) || (typeof n.className == "string" ? n.className = `${n.className} ${e}` : n.setAttribute(
14
- "class",
15
- `${n.className && n.className.baseVal || ""} ${e}`
16
- ));
17
- }
18
- function V(n, e) {
19
- return n.replace(new RegExp(`(^|\\s)${e}(?:\\s|$)`, "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
20
- }
21
- function z(n, e) {
22
- n.classList ? n.classList.remove(e) : typeof n.className == "string" ? n.className = V(
23
- n.className,
24
- e
25
- ) : n.setAttribute(
26
- "class",
27
- V(
28
- n.className && n.className.baseVal || "",
29
- e
30
- )
31
- );
32
- }
33
- var B = Object.defineProperty, H = (n, e, t) => e in n ? B(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, d = (n, e, t) => H(n, typeof e != "symbol" ? e + "" : e, t);
34
- const j = {
35
- disabled: !1
36
- }, O = c.createContext(null), J = process.env.NODE_ENV !== "production" ? o.oneOfType([
37
- o.number,
38
- o.shape({
39
- enter: o.number,
40
- exit: o.number,
41
- appear: o.number
42
- }).isRequired
43
- ]) : null, K = process.env.NODE_ENV !== "production" ? o.oneOfType([
44
- o.string,
45
- o.shape({
46
- enter: o.string,
47
- exit: o.string,
48
- active: o.string
49
- }),
50
- o.shape({
51
- enter: o.string,
52
- enterDone: o.string,
53
- enterActive: o.string,
54
- exit: o.string,
55
- exitDone: o.string,
56
- exitActive: o.string
57
- })
58
- ]) : null, q = (n) => n.scrollTop, N = "unmounted", x = "exited", u = "entering", p = "entered", k = "exiting";
59
- class h extends c.Component {
60
- constructor(e, t) {
61
- super(e, t);
62
- let s = t, i = s && !s.isMounting ? e.enter : e.appear, r;
63
- this.appearStatus = null, e.in ? i ? (r = x, this.appearStatus = u) : r = p : e.unmountOnExit || e.mountOnEnter ? r = N : r = x, this.state = { status: r }, this.nextCallback = null;
64
- }
65
- static getDerivedStateFromProps({ in: e }, t) {
66
- return e && t.status === N ? { status: x } : null;
67
- }
68
- // getSnapshotBeforeUpdate(prevProps) {
69
- // let nextStatus = null
70
- // if (prevProps !== this.props) {
71
- // const { status } = this.state
72
- // if (this.props.in) {
73
- // if (status !== ENTERING && status !== ENTERED) {
74
- // nextStatus = ENTERING
75
- // }
76
- // } else {
77
- // if (status === ENTERING || status === ENTERED) {
78
- // nextStatus = EXITING
79
- // }
80
- // }
81
- // }
82
- // return { nextStatus }
83
- // }
84
- componentDidMount() {
85
- this.updateStatus(!0, this.appearStatus);
86
- }
87
- componentDidUpdate(e) {
88
- let t = null;
89
- if (e !== this.props) {
90
- const { status: s } = this.state;
91
- this.props.in ? s !== u && s !== p && (t = u) : (s === u || s === p) && (t = k);
92
- }
93
- this.updateStatus(!1, t);
94
- }
95
- componentWillUnmount() {
96
- this.cancelNextCallback();
97
- }
98
- getTimeouts() {
99
- const { timeout: e } = this.props;
100
- let t, s, i;
101
- return t = s = i = e, e != null && typeof e != "number" && (t = e.exit, s = e.enter, i = e.appear !== void 0 ? e.appear : s), { exit: t, enter: s, appear: i };
102
- }
103
- updateStatus(e = !1, t) {
104
- if (t !== null)
105
- if (this.cancelNextCallback(), t === u) {
106
- if (this.props.unmountOnExit || this.props.mountOnEnter) {
107
- const s = this.props.nodeRef ? this.props.nodeRef.current : y.findDOMNode(this);
108
- s && q(s);
109
- }
110
- this.performEnter(e);
111
- } else
112
- this.performExit();
113
- else this.props.unmountOnExit && this.state.status === x && this.setState({ status: N });
114
- }
115
- performEnter(e) {
116
- const { enter: t } = this.props, s = this.context ? this.context.isMounting : e, [i, r] = this.props.nodeRef ? [s] : [y.findDOMNode(this), s], a = this.getTimeouts(), l = s ? a.appear : a.enter;
117
- if (!e && !t || j.disabled) {
118
- this.safeSetState({ status: p }, () => {
119
- this.props.onEntered(i);
120
- });
121
- return;
122
- }
123
- this.props.onEnter(i, r), this.safeSetState({ status: u }, () => {
124
- this.props.onEntering(i, r), this.onTransitionEnd(l, () => {
125
- this.safeSetState({ status: p }, () => {
126
- this.props.onEntered(i, r);
127
- });
128
- });
129
- });
130
- }
131
- performExit() {
132
- const { exit: e } = this.props, t = this.getTimeouts(), s = this.props.nodeRef ? void 0 : y.findDOMNode(this);
133
- if (!e || j.disabled) {
134
- this.safeSetState({ status: x }, () => {
135
- this.props.onExited(s);
136
- });
137
- return;
138
- }
139
- this.props.onExit(s), this.safeSetState({ status: k }, () => {
140
- this.props.onExiting(s), this.onTransitionEnd(t.exit, () => {
141
- this.safeSetState({ status: x }, () => {
142
- this.props.onExited(s);
143
- });
144
- });
145
- });
146
- }
147
- cancelNextCallback() {
148
- this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
149
- }
150
- safeSetState(e, t) {
151
- t = this.setNextCallback(t), this.setState(e, t);
152
- }
153
- setNextCallback(e) {
154
- let t = !0;
155
- return this.nextCallback = (s) => {
156
- t && (t = !1, this.nextCallback = null, e(s));
157
- }, this.nextCallback.cancel = () => {
158
- t = !1;
159
- }, this.nextCallback;
160
- }
161
- onTransitionEnd(e, t) {
162
- this.setNextCallback(t);
163
- const s = this.props.nodeRef ? this.props.nodeRef.current : y.findDOMNode(this), i = e == null && !this.props.addEndListener;
164
- if (!s || i) {
165
- setTimeout(this.nextCallback, 0);
166
- return;
167
- }
168
- if (this.props.addEndListener) {
169
- const [r, a] = this.props.nodeRef ? [this.nextCallback] : [s, this.nextCallback];
170
- this.props.addEndListener(r, a);
171
- }
172
- e != null && setTimeout(this.nextCallback, e);
173
- }
174
- render() {
175
- const e = this.state.status;
176
- if (e === N)
177
- return null;
178
- const {
179
- children: t,
180
- // filter props for `Transition`
181
- in: s,
182
- mountOnEnter: i,
183
- unmountOnExit: r,
184
- appear: a,
185
- enter: l,
186
- exit: E,
187
- timeout: C,
188
- addEndListener: T,
189
- onEnter: ae,
190
- onEntering: le,
191
- onEntered: ce,
192
- onExit: de,
193
- onExiting: ue,
194
- onExited: pe,
195
- nodeRef: he,
196
- ...M
197
- } = this.props;
198
- return (
199
- // allows for nested Transitions
200
- /* @__PURE__ */ f(O.Provider, { value: null, children: typeof t == "function" ? t(e, M) : c.cloneElement(c.Children.only(t), M) })
201
- );
202
- }
203
- }
204
- d(h, "contextType", O);
205
- h.propTypes = {
206
- /**
207
- * A React reference to the DOM element that needs to transition:
208
- * https://stackoverflow.com/a/51127130/4671932
209
- *
210
- * - This prop is optional, but recommended in order to avoid defaulting to
211
- * [`ReactDOM.findDOMNode`](https://reactjs.org/docs/react-dom.html#finddomnode),
212
- * which is deprecated in `StrictMode`
213
- * - When `nodeRef` prop is used, `node` is not passed to callback functions
214
- * (e.g. `onEnter`) because user already has direct access to the node.
215
- * - When changing `key` prop of `Transition` in a `TransitionGroup` a new
216
- * `nodeRef` need to be provided to `Transition` with changed `key` prop
217
- * (see
218
- * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
219
- */
220
- nodeRef: o.shape({
221
- current: typeof Element > "u" ? o.any : (n, e, t, s, i, r) => {
222
- const a = n[e];
223
- return o.instanceOf(
224
- a && "ownerDocument" in a ? a.ownerDocument.defaultView.Element : Element
225
- )(n, e, t, s, i, r);
226
- }
227
- }),
228
- /**
229
- * A `function` child can be used instead of a React element. This function is
230
- * called with the current transition status (`'entering'`, `'entered'`,
231
- * `'exiting'`, `'exited'`), which can be used to apply context
232
- * specific props to a component.
233
- *
234
- * ```jsx
235
- * <Transition nodeRef={nodeRef} in={this.state.in} timeout={150}>
236
- * {state => (
237
- * <MyComponent ref={nodeRef} className={`fade fade-${state}`} />
238
- * )}
239
- * </Transition>
240
- * ```
241
- */
242
- children: o.oneOfType([
243
- o.func.isRequired,
244
- o.element.isRequired
245
- ]).isRequired,
246
- /**
247
- * Show the component; triggers the enter or exit states
248
- */
249
- in: o.bool,
250
- /**
251
- * By default the child component is mounted immediately along with
252
- * the parent `Transition` component. If you want to "lazy mount" the component on the
253
- * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
254
- * mounted, even on "exited", unless you also specify `unmountOnExit`.
255
- */
256
- mountOnEnter: o.bool,
257
- /**
258
- * By default the child component stays mounted after it reaches the `'exited'` state.
259
- * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
260
- */
261
- unmountOnExit: o.bool,
262
- /**
263
- * By default the child component does not perform the enter transition when
264
- * it first mounts, regardless of the value of `in`. If you want this
265
- * behavior, set both `appear` and `in` to `true`.
266
- *
267
- * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
268
- * > only adds an additional enter transition. However, in the
269
- * > `<CSSTransition>` component that first enter transition does result in
270
- * > additional `.appear-*` classes, that way you can choose to style it
271
- * > differently.
272
- */
273
- appear: o.bool,
274
- /**
275
- * Enable or disable enter transitions.
276
- */
277
- enter: o.bool,
278
- /**
279
- * Enable or disable exit transitions.
280
- */
281
- exit: o.bool,
282
- /**
283
- * The duration of the transition, in milliseconds.
284
- * Required unless `addEndListener` is provided.
285
- *
286
- * You may specify a single timeout for all transitions:
287
- *
288
- * ```jsx
289
- * timeout={500}
290
- * ```
291
- *
292
- * or individually:
293
- *
294
- * ```jsx
295
- * timeout={{
296
- * appear: 500,
297
- * enter: 300,
298
- * exit: 500,
299
- * }}
300
- * ```
301
- *
302
- * - `appear` defaults to the value of `enter`
303
- * - `enter` defaults to `0`
304
- * - `exit` defaults to `0`
305
- *
306
- * @type {number | { enter?: number, exit?: number, appear?: number }}
307
- */
308
- timeout: (n, ...e) => {
309
- let t = J;
310
- return n.addEndListener || (t = t.isRequired), t(n, ...e);
311
- },
312
- /**
313
- * Add a custom transition end trigger. Called with the transitioning
314
- * DOM node and a `done` callback. Allows for more fine grained transition end
315
- * logic. Timeouts are still used as a fallback if provided.
316
- *
317
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `done` is being passed as the first argument.
318
- *
319
- * ```jsx
320
- * addEndListener={(node, done) => {
321
- * // use the css transitionend event to mark the finish of a transition
322
- * node.addEventListener('transitionend', done, false);
323
- * }}
324
- * ```
325
- */
326
- addEndListener: o.func,
327
- /**
328
- * Callback fired before the "entering" status is applied. An extra parameter
329
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
330
- *
331
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
332
- *
333
- * @type Function(node: HtmlElement, isAppearing: bool) -> void
334
- */
335
- onEnter: o.func,
336
- /**
337
- * Callback fired after the "entering" status is applied. An extra parameter
338
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
339
- *
340
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
341
- *
342
- * @type Function(node: HtmlElement, isAppearing: bool)
343
- */
344
- onEntering: o.func,
345
- /**
346
- * Callback fired after the "entered" status is applied. An extra parameter
347
- * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
348
- *
349
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
350
- *
351
- * @type Function(node: HtmlElement, isAppearing: bool) -> void
352
- */
353
- onEntered: o.func,
354
- /**
355
- * Callback fired before the "exiting" status is applied.
356
- *
357
- * **Note**: when `nodeRef` prop is passed, `node` is not passed.
358
- *
359
- * @type Function(node: HtmlElement) -> void
360
- */
361
- onExit: o.func,
362
- /**
363
- * Callback fired after the "exiting" status is applied.
364
- *
365
- * **Note**: when `nodeRef` prop is passed, `node` is not passed.
366
- *
367
- * @type Function(node: HtmlElement) -> void
368
- */
369
- onExiting: o.func,
370
- /**
371
- * Callback fired after the "exited" status is applied.
372
- *
373
- * **Note**: when `nodeRef` prop is passed, `node` is not passed
374
- *
375
- * @type Function(node: HtmlElement) -> void
376
- */
377
- onExited: o.func
378
- };
379
- function b() {
380
- }
381
- h.defaultProps = {
382
- in: !1,
383
- mountOnEnter: !1,
384
- unmountOnExit: !1,
385
- appear: !1,
386
- enter: !0,
387
- exit: !0,
388
- onEnter: b,
389
- onEntering: b,
390
- onEntered: b,
391
- onExit: b,
392
- onExiting: b,
393
- onExited: b
394
- };
395
- h.UNMOUNTED = N;
396
- h.EXITED = x;
397
- h.ENTERING = u;
398
- h.ENTERED = p;
399
- h.EXITING = k;
400
- const Q = (n, e) => n && e && e.split(" ").forEach((t) => G(n, t)), $ = (n, e) => n && e && e.split(" ").forEach((t) => z(n, t));
401
- class D extends c.Component {
402
- constructor() {
403
- super(...arguments), d(this, "appliedClasses", {
404
- appear: {},
405
- enter: {},
406
- exit: {}
407
- }), d(this, "onEnter", (e, t) => {
408
- const [s, i] = this.resolveArguments(e, t);
409
- this.removeClasses(s, "exit"), this.addClass(s, i ? "appear" : "enter", "base"), this.props.onEnter && this.props.onEnter(e, t);
410
- }), d(this, "onEntering", (e, t) => {
411
- const [s, i] = this.resolveArguments(e, t), r = i ? "appear" : "enter";
412
- this.addClass(s, r, "active"), this.props.onEntering && this.props.onEntering(e, t);
413
- }), d(this, "onEntered", (e, t) => {
414
- const [s, i] = this.resolveArguments(e, t), r = i ? "appear" : "enter";
415
- this.removeClasses(s, r), this.addClass(s, r, "done"), this.props.onEntered && this.props.onEntered(e, t);
416
- }), d(this, "onExit", (e) => {
417
- const [t] = this.resolveArguments(e);
418
- this.removeClasses(t, "appear"), this.removeClasses(t, "enter"), this.addClass(t, "exit", "base"), this.props.onExit && this.props.onExit(e);
419
- }), d(this, "onExiting", (e) => {
420
- const [t] = this.resolveArguments(e);
421
- this.addClass(t, "exit", "active"), this.props.onExiting && this.props.onExiting(e);
422
- }), d(this, "onExited", (e) => {
423
- const [t] = this.resolveArguments(e);
424
- this.removeClasses(t, "exit"), this.addClass(t, "exit", "done"), this.props.onExited && this.props.onExited(e);
425
- }), d(this, "resolveArguments", (e, t) => this.props.nodeRef ? [this.props.nodeRef.current, e] : [e, t]), d(this, "getClassNames", (e) => {
426
- const { classNames: t } = this.props, s = typeof t == "string", i = s && t ? `${t}-` : "";
427
- let r = s ? `${i}${e}` : t[e], a = s ? `${r}-active` : t[`${e}Active`], l = s ? `${r}-done` : t[`${e}Done`];
428
- return {
429
- baseClassName: r,
430
- activeClassName: a,
431
- doneClassName: l
432
- };
433
- });
434
- }
435
- addClass(e, t, s) {
436
- let i = this.getClassNames(t)[`${s}ClassName`];
437
- const { doneClassName: r } = this.getClassNames("enter");
438
- t === "appear" && s === "done" && r && (i += ` ${r}`), s === "active" && e && q(e), i && (this.appliedClasses[t][s] = i, Q(e, i));
439
- }
440
- removeClasses(e, t) {
441
- const {
442
- base: s,
443
- active: i,
444
- done: r
445
- } = this.appliedClasses[t];
446
- this.appliedClasses[t] = {}, s && $(e, s), i && $(e, i), r && $(e, r);
447
- }
448
- render() {
449
- const { classNames: e, ...t } = this.props;
450
- return /* @__PURE__ */ f(
451
- h,
452
- {
453
- ...t,
454
- onEnter: this.onEnter,
455
- onEntered: this.onEntered,
456
- onEntering: this.onEntering,
457
- onExit: this.onExit,
458
- onExiting: this.onExiting,
459
- onExited: this.onExited
460
- }
461
- );
462
- }
463
- }
464
- d(D, "defaultProps", {
465
- classNames: ""
466
- });
467
- D.propTypes = {
468
- ...h.propTypes,
469
- /**
470
- * The animation classNames applied to the component as it appears, enters,
471
- * exits or has finished the transition. A single name can be provided, which
472
- * will be suffixed for each stage, e.g. `classNames="fade"` applies:
473
- *
474
- * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
475
- * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
476
- * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
477
- *
478
- * A few details to note about how these classes are applied:
479
- *
480
- * 1. They are _joined_ with the ones that are already defined on the child
481
- * component, so if you want to add some base styles, you can use
482
- * `className` without worrying that it will be overridden.
483
- *
484
- * 2. If the transition component mounts with `in={false}`, no classes are
485
- * applied yet. You might be expecting `*-exit-done`, but if you think
486
- * about it, a component cannot finish exiting if it hasn't entered yet.
487
- *
488
- * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
489
- * allows you to define different behavior for when appearing is done and
490
- * when regular entering is done, using selectors like
491
- * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
492
- * an epic entrance animation when element first appears in the DOM using
493
- * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
494
- * simply use `fade-enter-done` for defining both cases.
495
- *
496
- * Each individual classNames can also be specified independently like:
497
- *
498
- * ```js
499
- * classNames={{
500
- * appear: 'my-appear',
501
- * appearActive: 'my-active-appear',
502
- * appearDone: 'my-done-appear',
503
- * enter: 'my-enter',
504
- * enterActive: 'my-active-enter',
505
- * enterDone: 'my-done-enter',
506
- * exit: 'my-exit',
507
- * exitActive: 'my-active-exit',
508
- * exitDone: 'my-done-exit',
509
- * }}
510
- * ```
511
- *
512
- * If you want to set these classes using CSS Modules:
513
- *
514
- * ```js
515
- * import styles from './styles.css';
516
- * ```
517
- *
518
- * you might want to use camelCase in your CSS file, that way could simply
519
- * spread them instead of listing them one by one:
520
- *
521
- * ```js
522
- * classNames={{ ...styles }}
523
- * ```
524
- *
525
- * @type {string | {
526
- * appear?: string,
527
- * appearActive?: string,
528
- * appearDone?: string,
529
- * enter?: string,
530
- * enterActive?: string,
531
- * enterDone?: string,
532
- * exit?: string,
533
- * exitActive?: string,
534
- * exitDone?: string,
535
- * }}
536
- */
537
- classNames: K,
538
- /**
539
- * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
540
- * applied.
541
- *
542
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
543
- *
544
- * @type Function(node: HtmlElement, isAppearing: bool)
545
- */
546
- onEnter: o.func,
547
- /**
548
- * A `<Transition>` callback fired immediately after the 'enter-active' or
549
- * 'appear-active' class is applied.
550
- *
551
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
552
- *
553
- * @type Function(node: HtmlElement, isAppearing: bool)
554
- */
555
- onEntering: o.func,
556
- /**
557
- * A `<Transition>` callback fired immediately after the 'enter' or
558
- * 'appear' classes are **removed** and the `done` class is added to the DOM node.
559
- *
560
- * **Note**: when `nodeRef` prop is passed, `node` is not passed, so `isAppearing` is being passed as the first argument.
561
- *
562
- * @type Function(node: HtmlElement, isAppearing: bool)
563
- */
564
- onEntered: o.func,
565
- /**
566
- * A `<Transition>` callback fired immediately after the 'exit' class is
567
- * applied.
568
- *
569
- * **Note**: when `nodeRef` prop is passed, `node` is not passed
570
- *
571
- * @type Function(node: HtmlElement)
572
- */
573
- onExit: o.func,
574
- /**
575
- * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
576
- *
577
- * **Note**: when `nodeRef` prop is passed, `node` is not passed
578
- *
579
- * @type Function(node: HtmlElement)
580
- */
581
- onExiting: o.func,
582
- /**
583
- * A `<Transition>` callback fired immediately after the 'exit' classes
584
- * are **removed** and the `exit-done` class is added to the DOM node.
585
- *
586
- * **Note**: when `nodeRef` prop is passed, `node` is not passed
587
- *
588
- * @type Function(node: HtmlElement)
589
- */
590
- onExited: o.func
591
- };
592
- function L(n, e) {
593
- let t = (i) => e && v(i) ? e(i) : i, s = /* @__PURE__ */ Object.create(null);
594
- return n && F.map(n, (i) => i).forEach((i) => {
595
- s[i.key] = t(i);
596
- }), s;
597
- }
598
- function Y(n, e) {
599
- n = n || {}, e = e || {};
600
- function t(l) {
601
- return l in e ? e[l] : n[l];
602
- }
603
- let s = /* @__PURE__ */ Object.create(null), i = [];
604
- for (let l in n)
605
- l in e ? i.length && (s[l] = i, i = []) : i.push(l);
606
- let r, a = {};
607
- for (let l in e) {
608
- if (s[l])
609
- for (r = 0; r < s[l].length; r++) {
610
- let E = s[l][r];
611
- a[s[l][r]] = t(E);
612
- }
613
- a[l] = t(l);
614
- }
615
- for (r = 0; r < i.length; r++)
616
- a[i[r]] = t(i[r]);
617
- return a;
618
- }
619
- function g(n, e, t) {
620
- return t[e] != null ? t[e] : n.props[e];
621
- }
622
- function Z(n, e) {
623
- return L(n.children, (t) => S(t, {
624
- onExited: e.bind(null, t),
625
- in: !0,
626
- appear: g(t, "appear", n),
627
- enter: g(t, "enter", n),
628
- exit: g(t, "exit", n)
629
- }));
630
- }
631
- function ee(n, e, t) {
632
- let s = L(n.children), i = Y(e, s);
633
- return Object.keys(i).forEach((r) => {
634
- let a = i[r];
635
- if (!v(a)) return;
636
- const l = r in e, E = r in s, C = e[r], T = v(C) && !C.props.in;
637
- E && (!l || T) ? i[r] = S(a, {
638
- onExited: t.bind(null, a),
639
- in: !0,
640
- exit: g(a, "exit", n),
641
- enter: g(a, "enter", n)
642
- }) : !E && l && !T ? i[r] = S(a, { in: !1 }) : E && l && v(C) && (i[r] = S(a, {
643
- onExited: t.bind(null, a),
644
- in: C.props.in,
645
- exit: g(a, "exit", n),
646
- enter: g(a, "enter", n)
647
- }));
648
- }), i;
649
- }
650
- const te = Object.values || ((n) => Object.keys(n).map((e) => n[e])), ne = {
651
- component: "div",
652
- childFactory: (n) => n
653
- };
654
- class A extends c.Component {
655
- constructor(e, t) {
656
- super(e, t);
657
- const s = this.handleExited.bind(this);
658
- this.state = {
659
- contextValue: { isMounting: !0 },
660
- handleExited: s,
661
- firstRender: !0
662
- };
663
- }
664
- componentDidMount() {
665
- this.mounted = !0, this.setState({
666
- contextValue: { isMounting: !1 }
667
- });
668
- }
669
- componentWillUnmount() {
670
- this.mounted = !1;
671
- }
672
- static getDerivedStateFromProps(e, { children: t, handleExited: s, firstRender: i }) {
673
- return {
674
- children: i ? Z(e, s) : ee(e, t, s),
675
- firstRender: !1
676
- };
677
- }
678
- // node is `undefined` when user provided `nodeRef` prop
679
- handleExited(e, t) {
680
- let s = L(this.props.children);
681
- e.key in s || (e.props.onExited && e.props.onExited(t), this.mounted && this.setState((i) => {
682
- let r = { ...i.children };
683
- return delete r[e.key], { children: r };
684
- }));
685
- }
686
- render() {
687
- const { component: e, childFactory: t, ...s } = this.props, { contextValue: i } = this.state, r = te(this.state.children).map(t);
688
- return delete s.appear, delete s.enter, delete s.exit, e === null ? /* @__PURE__ */ f(O.Provider, { value: i, children: r }) : /* @__PURE__ */ f(O.Provider, { value: i, children: /* @__PURE__ */ f(e, { ...s, children: r }) });
689
- }
690
- }
691
- A.propTypes = {
692
- /**
693
- * `<TransitionGroup>` renders a `<div>` by default. You can change this
694
- * behavior by providing a `component` prop.
695
- * If you use React v16+ and would like to avoid a wrapping `<div>` element
696
- * you can pass in `component={null}`. This is useful if the wrapping div
697
- * borks your css styles.
698
- */
699
- component: o.any,
700
- /**
701
- * A set of `<Transition>` components, that are toggled `in` and out as they
702
- * leave. the `<TransitionGroup>` will inject specific transition props, so
703
- * remember to spread them through if you are wrapping the `<Transition>` as
704
- * with our `<Fade>` example.
705
- *
706
- * While this component is meant for multiple `Transition` or `CSSTransition`
707
- * children, sometimes you may want to have a single transition child with
708
- * content that you want to be transitioned out and in when you change it
709
- * (e.g. routes, images etc.) In that case you can change the `key` prop of
710
- * the transition child as you change its content, this will cause
711
- * `TransitionGroup` to transition the child out and back in.
712
- */
713
- children: o.node,
714
- /**
715
- * A convenience prop that enables or disables appear animations
716
- * for all children. Note that specifying this will override any defaults set
717
- * on individual children Transitions.
718
- */
719
- appear: o.bool,
720
- /**
721
- * A convenience prop that enables or disables enter animations
722
- * for all children. Note that specifying this will override any defaults set
723
- * on individual children Transitions.
724
- */
725
- enter: o.bool,
726
- /**
727
- * A convenience prop that enables or disables exit animations
728
- * for all children. Note that specifying this will override any defaults set
729
- * on individual children Transitions.
730
- */
731
- exit: o.bool,
732
- /**
733
- * You may need to apply reactive updates to a child as it is exiting.
734
- * This is generally done by using `cloneElement` however in the case of an exiting
735
- * child the element has already been removed and not accessible to the consumer.
736
- *
737
- * If you do need to update a child as it leaves you can provide a `childFactory`
738
- * to wrap every child, even the ones that are leaving.
739
- *
740
- * @type Function(child: ReactElement) -> ReactElement
741
- */
742
- childFactory: o.func
743
- };
744
- A.defaultProps = ne;
745
- class se extends c.Component {
746
- constructor() {
747
- super(...arguments), d(this, "handleEnter", (...e) => this.handleLifecycle("onEnter", 0, e)), d(this, "handleEntering", (...e) => this.handleLifecycle("onEntering", 0, e)), d(this, "handleEntered", (...e) => this.handleLifecycle("onEntered", 0, e)), d(this, "handleExit", (...e) => this.handleLifecycle("onExit", 1, e)), d(this, "handleExiting", (...e) => this.handleLifecycle("onExiting", 1, e)), d(this, "handleExited", (...e) => this.handleLifecycle("onExited", 1, e));
748
- }
749
- handleLifecycle(e, t, s) {
750
- const { children: i } = this.props, r = c.Children.toArray(i)[t];
751
- if (r.props[e] && r.props[e](...s), this.props[e]) {
752
- const a = r.props.nodeRef ? void 0 : y.findDOMNode(this);
753
- this.props[e](a);
754
- }
755
- }
756
- render() {
757
- const { children: e, in: t, ...s } = this.props, [i, r] = c.Children.toArray(e);
758
- return delete s.onEnter, delete s.onEntering, delete s.onEntered, delete s.onExit, delete s.onExiting, delete s.onExited, /* @__PURE__ */ f(A, { ...s, children: t ? c.cloneElement(i, {
759
- key: "first",
760
- onEnter: this.handleEnter,
761
- onEntering: this.handleEntering,
762
- onEntered: this.handleEntered
763
- }) : c.cloneElement(r, {
764
- key: "second",
765
- onEnter: this.handleExit,
766
- onEntering: this.handleExiting,
767
- onEntered: this.handleExited
768
- }) });
769
- }
770
- }
771
- se.propTypes = {
772
- in: o.bool.isRequired,
773
- children(n, e) {
774
- return c.Children.count(n[e]) !== 2 ? new Error(
775
- `"${e}" must be exactly two transition components.`
776
- ) : null;
777
- }
778
- };
779
- function ie(n, e) {
780
- return !(n === e || c.isValidElement(n) && c.isValidElement(e) && n.key != null && n.key === e.key);
781
- }
782
- const m = {
783
- out: "out-in",
784
- in: "in-out"
785
- }, R = (n, e, t) => (...s) => {
786
- n.props[e] && n.props[e](...s), t();
787
- }, re = {
788
- [m.out]: ({ current: n, changeState: e }) => c.cloneElement(n, {
789
- in: !1,
790
- onExited: R(n, "onExited", () => {
791
- e(u, null);
792
- })
793
- }),
794
- [m.in]: ({ current: n, changeState: e, children: t }) => [
795
- n,
796
- c.cloneElement(t, {
797
- in: !0,
798
- onEntered: R(t, "onEntered", () => {
799
- e(u);
800
- })
801
- })
802
- ]
803
- }, oe = {
804
- [m.out]: ({ children: n, changeState: e }) => c.cloneElement(n, {
805
- in: !0,
806
- onEntered: R(n, "onEntered", () => {
807
- e(p, c.cloneElement(n, { in: !0 }));
808
- })
809
- }),
810
- [m.in]: ({ current: n, children: e, changeState: t }) => [
811
- c.cloneElement(n, {
812
- in: !1,
813
- onExited: R(n, "onExited", () => {
814
- t(p, c.cloneElement(e, { in: !0 }));
815
- })
816
- }),
817
- c.cloneElement(e, {
818
- in: !0
819
- })
820
- ]
821
- };
822
- class w extends c.Component {
823
- constructor() {
824
- super(...arguments), d(this, "state", {
825
- status: p,
826
- current: null
827
- }), d(this, "appeared", !1), d(this, "changeState", (e, t = this.state.current) => {
828
- this.setState({
829
- status: e,
830
- current: t
831
- });
832
- });
833
- }
834
- componentDidMount() {
835
- this.appeared = !0;
836
- }
837
- static getDerivedStateFromProps(e, t) {
838
- return e.children == null ? {
839
- current: null
840
- } : t.status === u && e.mode === m.in ? {
841
- status: u
842
- } : t.current && ie(t.current, e.children) ? {
843
- status: k
844
- } : {
845
- current: c.cloneElement(e.children, {
846
- in: !0
847
- })
848
- };
849
- }
850
- render() {
851
- const {
852
- props: { children: e, mode: t },
853
- state: { status: s, current: i }
854
- } = this, r = { children: e, current: i, changeState: this.changeState, status: s };
855
- let a;
856
- switch (s) {
857
- case u:
858
- a = oe[t](r);
859
- break;
860
- case k:
861
- a = re[t](r);
862
- break;
863
- case p:
864
- a = i;
865
- }
866
- return /* @__PURE__ */ f(O.Provider, { value: { isMounting: !this.appeared }, children: a });
867
- }
868
- }
869
- w.propTypes = {
870
- /**
871
- * Transition modes.
872
- * `out-in`: Current element transitions out first, then when complete, the new element transitions in.
873
- * `in-out`: New element transitions in first, then when complete, the current element transitions out.
874
- *
875
- * @type {'out-in'|'in-out'}
876
- */
877
- mode: o.oneOf([m.in, m.out]),
878
- /**
879
- * Any `Transition` or `CSSTransition` component.
880
- */
881
- children: o.oneOfType([o.element.isRequired])
882
- };
883
- w.defaultProps = {
884
- mode: m.out
885
- };
886
- function Ce(n) {
887
- const { children: e, ...t } = n, s = P(), i = P(), r = I(() => n.nodeRef === void 0 && U(e) && v(e) ? (i.current = !0, S(e, {
888
- ref: (a) => {
889
- s.current = W(a), X(e, a);
890
- }
891
- })) : (i.current = !1, e), [e, n.nodeRef]);
892
- return i.current && [
893
- "onEnter",
894
- "onEntering",
895
- "onEntered",
896
- "onExit",
897
- "onExiting",
898
- "onExited"
899
- ].forEach((a) => {
900
- n[a] && (t[a] = (l, ...E) => {
901
- n[a](s.current, ...E);
902
- });
903
- }), /* @__PURE__ */ f(D, { ...t, nodeRef: i.current ? s : void 0, children: r });
904
- }
905
- export {
906
- D as $,
907
- w as I,
908
- se as J,
909
- Ce as N,
910
- A as _,
911
- h
912
- };