@unicom-cloud/ui 0.8.66 → 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 (708) 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 -60
  20. package/DatePicker.js +11 -2042
  21. package/Descriptions.js +11 -176
  22. package/Divider.js +7 -38
  23. package/Draggable.js +7 -89
  24. package/Drawer.js +2 -2
  25. package/Dropdown.js +15 -199
  26. package/Empty.js +3 -3
  27. package/Form.js +16 -1416
  28. package/Grid.js +9 -252
  29. package/Icon.js +7 -55
  30. package/IconHover.js +2 -2
  31. package/Image.js +6 -5
  32. package/Input.js +11 -10
  33. package/InputNumber.js +9 -7
  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 -163
  40. package/Menu.js +8 -7
  41. package/Message.js +9 -7
  42. package/Modal.js +2 -2
  43. package/Notice.js +13 -3
  44. package/Notification.js +10 -7
  45. package/OverflowEllipsis.js +8 -96
  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 -33
  52. package/Progress.js +11 -363
  53. package/Radio.js +5 -6
  54. package/Rate.js +14 -125
  55. package/ResizeBox.js +16 -555
  56. package/Result.js +14 -1434
  57. package/Select.js +4 -3
  58. package/SelectView.js +9 -406
  59. package/Skeleton.js +11 -94
  60. package/Slider.js +21 -773
  61. package/Space.js +11 -94
  62. package/SpeechSynthesis.js +48 -57
  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 -2032
  69. package/Tabs.js +4 -4
  70. package/Tag.js +13 -134
  71. package/TimePicker.js +7 -274
  72. package/Timeline.js +4 -4
  73. package/Tooltip.js +12 -136
  74. package/Transfer.js +14 -449
  75. package/Tree.js +4 -2
  76. package/TreeSelect.js +3 -4
  77. package/Trigger.js +21 -882
  78. package/Typography.js +10 -6
  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/alert/index.js +112 -0
  85. package/alert/interface.js +1 -0
  86. package/anchor/Anchor.js +198 -0
  87. package/anchor/Link.js +52 -0
  88. package/anchor/context.js +14 -0
  89. package/anchor/index.js +4 -0
  90. package/anchor/interface.js +1 -0
  91. package/anchor/util.js +50 -0
  92. package/auto-complete/index.js +149 -0
  93. package/auto-complete/interface.js +1 -0
  94. package/avatar/Avatar.js +83 -0
  95. package/avatar/Group.js +82 -0
  96. package/avatar/context.js +5 -0
  97. package/avatar/index.js +7 -0
  98. package/avatar/interface.js +1 -0
  99. package/back-top/index.js +85 -0
  100. package/back-top/interface.js +1 -0
  101. package/badge/Count.js +35 -0
  102. package/badge/index.js +151 -0
  103. package/badge/interface.js +1 -0
  104. package/breadcrumb/Item.js +67 -0
  105. package/breadcrumb/index.js +81 -0
  106. package/breadcrumb/interface.js +1 -0
  107. package/button/Group.js +13 -0
  108. package/button/index.js +146 -0
  109. package/button/interface.js +1 -0
  110. package/calendar/Month.js +12 -0
  111. package/calendar/WeekList.js +24 -0
  112. package/calendar/Year.js +74 -0
  113. package/calendar/index.js +320 -0
  114. package/calendar/interface.js +1 -0
  115. package/card/Grid.js +25 -0
  116. package/card/Meta.js +30 -0
  117. package/card/index.js +99 -0
  118. package/card/interface.js +1 -0
  119. package/carousel/Arrow.js +55 -0
  120. package/carousel/Indicator.js +66 -0
  121. package/carousel/index.js +278 -0
  122. package/carousel/interface.js +1 -0
  123. package/cascader/Cascader.js +26 -0
  124. package/cascader/index.js +4 -0
  125. package/cascader/interface.js +1 -0
  126. package/cascader/util.js +14 -0
  127. package/checkbox/Checkbox.js +16 -0
  128. package/checkbox/Group.js +14 -0
  129. package/checkbox/IconCheck.js +19 -0
  130. package/checkbox/index.js +4 -0
  131. package/checkbox/interface.js +1 -0
  132. package/checkbox/useCheckbox.js +45 -0
  133. package/chunk/5_U1CBIu.js +8 -0
  134. package/chunk/{B8QV6E2b.js → AwZqeapI.js} +5 -5
  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/{BnSVm1YC.js → B6X4lnd0.js} +1 -1
  140. package/chunk/B7M-FGia.js +41 -0
  141. package/chunk/BBkdXHrJ.js +24 -0
  142. package/chunk/BDB0LByj.js +98 -0
  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/{CPvvjMwZ.js → BSaQv6mx.js} +46 -43
  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/{jhQQCFMn.js → Bi4UkwOR.js} +138 -126
  153. package/chunk/BibHFOCF.js +34 -0
  154. package/chunk/Biupwn8l.js +24 -0
  155. package/chunk/BjpUSKM3.js +629 -0
  156. package/chunk/{D_-UD4vO.js → Bl7BnD1R.js} +9 -9
  157. package/chunk/BrOW642m.js +130 -0
  158. package/chunk/BsY85n3_.js +14 -0
  159. package/chunk/C48SmsN-.js +38 -0
  160. package/chunk/C4OrxKE6.js +18 -0
  161. package/chunk/C98ks5S8.js +473 -0
  162. package/chunk/CC---6jO.js +110 -0
  163. package/chunk/{DUeHQKtx.js → CCv-5KFt.js} +78 -78
  164. package/chunk/{CZOP_ZHJ.js → CD3AUpzo.js} +24 -24
  165. package/chunk/CIRG541s.js +22 -0
  166. package/chunk/CKyu68pu.js +312 -0
  167. package/chunk/CQ_WOOmf.js +8 -0
  168. package/chunk/{CANaGbGR.js → CVYWxu00.js} +54 -53
  169. package/chunk/CYhxqVkn.js +9 -0
  170. package/chunk/CbLaCJmG.js +26 -0
  171. package/chunk/CdaT1b_F.js +20 -0
  172. package/chunk/Ce1j9KTi.js +6 -0
  173. package/chunk/CftuXmo_.js +6 -0
  174. package/chunk/CgurXnoy.js +569 -0
  175. package/chunk/Clo26EcR.js +34 -0
  176. package/chunk/ClqoGc3r.js +17 -0
  177. package/chunk/CmZzBtA4.js +16 -0
  178. package/chunk/CpGBWmuz.js +1461 -0
  179. package/chunk/CzQObzKd.js +1817 -0
  180. package/chunk/D-TPB2Do.js +56 -0
  181. package/chunk/D090jlwP.js +38 -0
  182. package/chunk/D0ZWT7db.js +5 -0
  183. package/chunk/DH7HTOV_.js +11 -0
  184. package/chunk/DKHXj8Kf.js +9 -0
  185. package/chunk/Dh7Osrvr.js +27 -0
  186. package/chunk/DonYzv30.js +14 -0
  187. package/chunk/DpoumMDw.js +50 -0
  188. package/chunk/Duezix3m.js +25 -0
  189. package/chunk/DxVvggX2.js +11 -0
  190. package/chunk/DzVH9IBy.js +1413 -0
  191. package/chunk/{CwhPMMWy.js → Ey4YJCkX.js} +7 -7
  192. package/chunk/JPPo5nY_.js +9 -0
  193. package/chunk/SSK90wgo.js +209 -0
  194. package/chunk/{CSC_V_25.js → URXCKjXr.js} +8 -8
  195. package/chunk/VSe_Wq1g.js +10 -0
  196. package/chunk/XTEsYGuF.js +17 -0
  197. package/chunk/b1e8awfs.js +31 -0
  198. package/chunk/hEWZQ8Zi.js +16 -0
  199. package/chunk/k-OUstoD.js +58 -0
  200. package/chunk/ll867Bf3.js +730 -0
  201. package/chunk/oopARUrq.js +10 -0
  202. package/chunk/tamGhTJp.js +186 -0
  203. package/chunk/{4-gvEY5y.js → uKZyjtff.js} +28 -28
  204. package/chunk/vmgkWLYf.js +843 -0
  205. package/chunk/yl4BU7Sd.js +1068 -0
  206. package/chunk/zmmqLCF4.js +20 -0
  207. package/collapse/Collapse.js +15 -0
  208. package/collapse/Item.js +11 -0
  209. package/collapse/index.js +4 -0
  210. package/collapse/interface.js +1 -0
  211. package/color-picker/ControlBar.js +63 -0
  212. package/color-picker/InputAlpha.js +22 -0
  213. package/color-picker/InputHex.js +55 -0
  214. package/color-picker/InputRgb.js +61 -0
  215. package/color-picker/Mode.js +10 -0
  216. package/color-picker/Palette.js +34 -0
  217. package/color-picker/Panel.js +268 -0
  218. package/color-picker/colors.js +37 -0
  219. package/color-picker/index.js +270 -0
  220. package/color-picker/interface.js +4 -0
  221. package/color-picker/utils.js +89 -0
  222. package/comment/index.js +73 -0
  223. package/comment/interface.js +1 -0
  224. package/config-provider/ConfigProvider.js +15 -0
  225. package/config-provider/context.js +8 -0
  226. package/config-provider/index.js +8 -0
  227. package/config-provider/interface.js +1 -0
  228. package/copy/index.js +63 -0
  229. package/copy/interface.js +1 -0
  230. package/date-picker/Picker.js +410 -0
  231. package/date-picker/PickerRange.js +24 -0
  232. package/date-picker/context.js +5 -0
  233. package/date-picker/index.js +50 -0
  234. package/date-picker/interface.js +1 -0
  235. package/date-picker/util.js +76 -0
  236. package/descriptions/index.js +178 -0
  237. package/descriptions/interface.js +1 -0
  238. package/divider/index.js +40 -0
  239. package/divider/interface.js +1 -0
  240. package/draggable/Item.js +67 -0
  241. package/draggable/index.js +32 -0
  242. package/draggable/interface.js +1 -0
  243. package/{chunk/BFipyA67.js → drawer/Drawer.js} +39 -39
  244. package/drawer/index.js +4 -0
  245. package/drawer/interface.js +1 -0
  246. package/dropdown/Button.js +11 -0
  247. package/dropdown/index.js +201 -0
  248. package/dropdown/interface.js +1 -0
  249. package/empty/index.js +9 -0
  250. package/empty/interface.js +1 -0
  251. package/form/Control.js +262 -0
  252. package/form/Form.js +160 -0
  253. package/form/FormItem.js +239 -0
  254. package/form/FormLabel.js +54 -0
  255. package/form/FormList.js +100 -0
  256. package/form/FormProvider.js +48 -0
  257. package/form/IconSymbol.js +20 -0
  258. package/form/context.js +43 -0
  259. package/form/index.js +107 -0
  260. package/form/interface.js +11 -0
  261. package/form/promisify.js +32 -0
  262. package/form/store.js +360 -0
  263. package/form/useForm.js +53 -0
  264. package/form/util.js +75 -0
  265. package/grid/Col.js +85 -0
  266. package/grid/Row.js +86 -0
  267. package/grid/context.js +9 -0
  268. package/grid/grid-item.js +75 -0
  269. package/grid/grid.js +103 -0
  270. package/grid/index.js +15 -0
  271. package/grid/interface.js +1 -0
  272. package/grid/util.js +51 -0
  273. package/hooks/index.js +51 -47
  274. package/hooks/useComputedState.js +2 -10
  275. package/hooks/useCreate.js +2 -7
  276. package/hooks/useForceUpdate.js +2 -7
  277. package/hooks/useId.js +2 -10
  278. package/hooks/useInView.js +2 -30
  279. package/hooks/useIntersectionObserver.js +2 -23
  280. package/hooks/useInterval.js +2 -17
  281. package/hooks/useIsFirstRender.js +2 -9
  282. package/hooks/useIsomorphicLayoutEffect.js +2 -5
  283. package/hooks/useKeyboardEvent.js +2 -16
  284. package/hooks/useMedia.js +2 -15
  285. package/hooks/useMergeProps.js +2 -18
  286. package/hooks/useMergeValue.js +2 -19
  287. package/hooks/useOnlineStatus.js +4 -0
  288. package/hooks/useOverflowHidden.js +2 -25
  289. package/hooks/useOverrideRef.js +2 -13
  290. package/hooks/usePersistCallback.js +2 -13
  291. package/hooks/usePrefersColorSchemeDark.js +4 -0
  292. package/hooks/usePrevious.js +2 -9
  293. package/hooks/useRefs.js +2 -9
  294. package/hooks/useResizeObserver.js +2 -15
  295. package/hooks/useStateCallback.js +2 -15
  296. package/hooks/useStateWithPromise.js +2 -24
  297. package/hooks/useUpdateEffect.js +2 -9
  298. package/hooks/useVerificationCode.js +73 -0
  299. package/hooks/useWatch.js +2 -10
  300. package/hooks/{use-watermark.js → useWatermark.js} +2 -1
  301. package/hooks/useWindowSize.js +2 -20
  302. package/icon/addFromIconFontCn.js +7 -0
  303. package/icon/index.js +57 -0
  304. package/icon-hover/index.js +7 -0
  305. package/image/Image.js +191 -0
  306. package/image/ImageFooter.js +8 -0
  307. package/image/ImagePreview.js +41 -0
  308. package/image/ImagePreviewArrow.js +46 -0
  309. package/image/ImagePreviewGroup.js +125 -0
  310. package/image/ImagePreviewToolbar.js +99 -0
  311. package/image/TriggerForToolbar.js +10 -0
  312. package/image/index.js +8 -0
  313. package/image/interface.js +1 -0
  314. package/image/previewGroupContext.js +17 -0
  315. package/index.js +604 -585
  316. package/input/Group.js +18 -0
  317. package/input/Input.js +688 -0
  318. package/input/InputElement.js +235 -0
  319. package/input/Number.js +4 -0
  320. package/input/Password.js +13 -0
  321. package/input/Search.js +14 -0
  322. package/input/Tag.js +4 -0
  323. package/input/Textarea.js +16 -0
  324. package/input/autoSizeTextAreaHeight.js +65 -0
  325. package/input/index.js +15 -0
  326. package/input/interface.js +1 -0
  327. package/input/useComposition.js +39 -0
  328. package/input-number/decimal.js +154 -0
  329. package/input-number/index.js +18 -0
  330. package/input-number/interface.js +1 -0
  331. package/input-number/useSelectionRange.js +26 -0
  332. package/input-number/util.js +57 -0
  333. package/{chunk/C6QWSzsM.js → input-tag/InputTag.js} +97 -89
  334. package/input-tag/index.js +4 -0
  335. package/input-tag/interface.js +1 -0
  336. package/layout/Content.js +13 -0
  337. package/layout/Footer.js +13 -0
  338. package/layout/Header.js +13 -0
  339. package/{chunk/CssIjN1g.js → layout/Sider.js} +12 -12
  340. package/layout/index.js +43 -0
  341. package/layout/interface.js +1 -0
  342. package/link/index.js +62 -0
  343. package/link/interface.js +1 -0
  344. package/list/Item.js +44 -0
  345. package/list/Meta.js +19 -0
  346. package/list/index.js +269 -0
  347. package/list/interface.js +1 -0
  348. package/loading/index.js +61 -0
  349. package/locale/en-US.js +4 -2
  350. package/locale/interface.js +1 -4
  351. package/locale/ja-JP.js +3 -1
  352. package/locale/tr-TR.js +1 -1
  353. package/locale/zh-CN.js +3 -1
  354. package/locale/zh-HK.js +3 -1
  355. package/locale/zh-TW.js +3 -1
  356. package/mentions/index.js +146 -0
  357. package/mentions/interface.js +1 -0
  358. package/mentions/util.js +26 -0
  359. package/menu/Indent.js +17 -0
  360. package/menu/Item.js +125 -0
  361. package/menu/ItemGroup.js +39 -0
  362. package/menu/Menu.js +26 -0
  363. package/menu/OverflowWrap.js +10 -0
  364. package/menu/context.js +5 -0
  365. package/menu/index.js +11 -0
  366. package/menu/interface.js +1 -0
  367. package/menu/util.js +80 -0
  368. package/message/index.js +14 -0
  369. package/message/interface.js +1 -0
  370. package/message/useMessage.js +7 -0
  371. package/modal/Confirm.js +13 -0
  372. package/modal/Modal.js +21 -0
  373. package/modal/config.js +25 -0
  374. package/modal/index.js +4 -0
  375. package/modal/interface.js +1 -0
  376. package/notice/index.js +24 -0
  377. package/notification/index.js +16 -0
  378. package/notification/interface.js +1 -0
  379. package/notification/useNotification.js +6 -0
  380. package/notification/withNotification.js +49 -0
  381. package/overflow-ellipsis/OverflowItem.js +35 -0
  382. package/overflow-ellipsis/index.js +74 -0
  383. package/package.json +1 -1
  384. package/page-header/index.js +115 -0
  385. package/page-header/interface.js +1 -0
  386. package/pagination/PageItem.js +119 -0
  387. package/pagination/PageJumper.js +60 -0
  388. package/pagination/PageOption.js +47 -0
  389. package/pagination/Pagination.js +245 -0
  390. package/pagination/index.js +4 -0
  391. package/pagination/interface.js +1 -0
  392. package/picker/Input.js +130 -0
  393. package/picker/InputRange.js +158 -0
  394. package/picker/index.js +6 -0
  395. package/popconfirm/index.js +130 -0
  396. package/popconfirm/interface.js +1 -0
  397. package/popover/index.js +78 -0
  398. package/popover/interface.js +1 -0
  399. package/portal/Portal.js +15 -0
  400. package/portal/index.js +17 -0
  401. package/progress/CircleProgress.js +117 -0
  402. package/progress/LineProgess.js +103 -0
  403. package/progress/StepProgress.js +74 -0
  404. package/progress/index.js +99 -0
  405. package/progress/interface.js +1 -0
  406. package/radio/Group.js +16 -0
  407. package/radio/Radio.js +15 -0
  408. package/radio/index.js +8 -0
  409. package/radio/interface.js +1 -0
  410. package/rate/index.js +127 -0
  411. package/rate/interface.js +1 -0
  412. package/resize-box/ResizeTrigger.js +78 -0
  413. package/resize-box/Split.js +130 -0
  414. package/resize-box/SplitGroup.js +202 -0
  415. package/resize-box/index.js +182 -0
  416. package/resize-box/interface.js +1 -0
  417. package/result/403.js +695 -0
  418. package/result/404.js +513 -0
  419. package/result/500.js +166 -0
  420. package/result/index.js +77 -0
  421. package/result/interface.js +1 -0
  422. package/select/OptGroup.js +20 -0
  423. package/select/Option.js +95 -0
  424. package/select/Select.js +549 -0
  425. package/select/index.js +8 -0
  426. package/select/interface.js +1 -0
  427. package/select/util.js +141 -0
  428. package/select-view/Core.js +370 -0
  429. package/select-view/index.js +67 -0
  430. package/select-view/interface.js +1 -0
  431. package/skeleton/Image.js +24 -0
  432. package/skeleton/Text.js +27 -0
  433. package/skeleton/index.js +57 -0
  434. package/skeleton/interface.js +1 -0
  435. package/slider/Button.js +159 -0
  436. package/slider/Dot.js +43 -0
  437. package/slider/Input.js +75 -0
  438. package/slider/Mark.js +28 -0
  439. package/slider/Tick.js +44 -0
  440. package/slider/index.js +429 -0
  441. package/slider/interface.js +1 -0
  442. package/slider/util.js +63 -0
  443. package/space/index.js +90 -0
  444. package/space/interface.js +1 -0
  445. package/space/toArray.js +11 -0
  446. package/speech-synthesis/index.js +109 -0
  447. package/spin/DotLoading.js +24 -0
  448. package/spin/index.js +79 -0
  449. package/spin/interface.js +1 -0
  450. package/statistic/Countdown.js +55 -0
  451. package/statistic/index.js +120 -0
  452. package/statistic/interface.js +1 -0
  453. package/statistic/util.js +33 -0
  454. package/steps/Step.js +68 -0
  455. package/steps/index.js +89 -0
  456. package/steps/interface.js +1 -0
  457. package/style.css +1 -1
  458. package/suspense-fallback-test/index.js +12 -0
  459. package/switch/index.js +116 -0
  460. package/switch/interface.js +1 -0
  461. package/table/ColGroup.js +59 -0
  462. package/table/Table.js +24 -0
  463. package/table/constant.js +42 -0
  464. package/table/index.js +103 -0
  465. package/table/interface.js +1 -0
  466. package/table/util.js +121 -0
  467. package/tabs/Tab.js +18 -0
  468. package/tabs/TabContent.js +8 -0
  469. package/tabs/TabPane.js +24 -0
  470. package/tabs/index.js +9 -0
  471. package/tabs/interface.js +1 -0
  472. package/tabs/util.js +22 -0
  473. package/tag/index.js +136 -0
  474. package/tag/interface.js +1 -0
  475. package/time-picker/Picker.js +219 -0
  476. package/time-picker/RangePicker.js +56 -0
  477. package/time-picker/TimeColumn.js +65 -0
  478. package/time-picker/TimePicker.js +240 -0
  479. package/time-picker/context.js +5 -0
  480. package/time-picker/index.js +20 -0
  481. package/time-picker/interface.js +1 -0
  482. package/time-picker/util.js +43 -0
  483. package/timeline/Item.js +92 -0
  484. package/timeline/Timeline.js +79 -0
  485. package/timeline/index.js +6 -0
  486. package/timeline/interface.js +1 -0
  487. package/tooltip/index.js +140 -0
  488. package/tooltip/interface.js +1 -0
  489. package/transfer/Item.js +106 -0
  490. package/transfer/List.js +186 -0
  491. package/transfer/index.js +182 -0
  492. package/transfer/interface.js +1 -0
  493. package/tree/Animation.js +11 -0
  494. package/tree/Context.js +5 -0
  495. package/tree/Node.js +16 -0
  496. package/tree/NodeList.js +82 -0
  497. package/tree/Tree.js +580 -0
  498. package/tree/index.js +6 -0
  499. package/tree/interface.js +1 -0
  500. package/tree/util.js +76 -0
  501. package/tree-select/List.js +124 -0
  502. package/tree-select/Select.js +395 -0
  503. package/tree-select/index.js +6 -0
  504. package/tree-select/interface.js +13 -0
  505. package/tree-select/util.js +9 -0
  506. package/trigger/getPopupStyle.js +192 -0
  507. package/trigger/index.js +626 -0
  508. package/trigger/interface.js +1 -0
  509. package/types/anchor/util.d.ts +1 -1
  510. package/types/button/index.d.ts +2 -2
  511. package/types/color-picker/ControlBar.d.ts +12 -5
  512. package/types/color-picker/Mode.d.ts +7 -0
  513. package/types/color-picker/Panel.d.ts +10 -2
  514. package/types/color-picker/hooks/useColorPicker.d.ts +15 -13
  515. package/types/color-picker/hooks/useControlBlock.d.ts +10 -3
  516. package/types/color-picker/index.d.ts +1 -1
  517. package/types/color-picker/interface.d.ts +19 -7
  518. package/types/color-picker/utils.d.ts +23 -0
  519. package/types/form/Control.d.ts +2 -1
  520. package/types/form/FormItem.d.ts +1 -1
  521. package/types/form/store.d.ts +0 -1
  522. package/types/hooks/index.d.ts +2 -0
  523. package/types/hooks/useComputedState.d.ts +1 -4
  524. package/types/hooks/useCreate.d.ts +1 -2
  525. package/types/hooks/useForceUpdate.d.ts +1 -2
  526. package/types/hooks/useId.d.ts +1 -2
  527. package/types/hooks/useInView.d.ts +1 -11
  528. package/types/hooks/useIntersectionObserver.d.ts +1 -7
  529. package/types/hooks/useInterval.d.ts +1 -2
  530. package/types/hooks/useIsFirstRender.d.ts +1 -2
  531. package/types/hooks/useIsomorphicLayoutEffect.d.ts +1 -3
  532. package/types/hooks/useKeyboardEvent.d.ts +1 -8
  533. package/types/hooks/useMedia.d.ts +1 -2
  534. package/types/hooks/useMergeProps.d.ts +1 -5
  535. package/types/hooks/useMergeValue.d.ts +1 -6
  536. package/types/hooks/useOnlineStatus.d.ts +1 -0
  537. package/types/hooks/useOverflowHidden.d.ts +1 -5
  538. package/types/hooks/useOverrideRef.d.ts +1 -6
  539. package/types/hooks/usePersistCallback.d.ts +1 -2
  540. package/types/hooks/usePrefersColorSchemeDark.d.ts +1 -0
  541. package/types/hooks/usePrevious.d.ts +1 -3
  542. package/types/hooks/useRefs.d.ts +1 -2
  543. package/types/hooks/useResizeObserver.d.ts +1 -6
  544. package/types/hooks/useStateCallback.d.ts +1 -5
  545. package/types/hooks/useStateWithPromise.d.ts +1 -2
  546. package/types/hooks/useUpdateEffect.d.ts +1 -3
  547. package/types/hooks/useWatch.d.ts +1 -3
  548. package/types/hooks/useWindowSize.d.ts +1 -5
  549. package/types/image/interface.d.ts +1 -0
  550. package/types/index.d.ts +156 -86
  551. package/types/input/Input.d.ts +1 -1
  552. package/types/input/Textarea.d.ts +2 -2
  553. package/types/locale/en-US.d.ts +2 -0
  554. package/types/locale/interface.d.ts +1 -2
  555. package/types/locale/ja-JP.d.ts +2 -0
  556. package/types/locale/zh-CN.d.ts +2 -0
  557. package/types/locale/zh-HK.d.ts +2 -0
  558. package/types/locale/zh-TW.d.ts +2 -0
  559. package/types/menu/context.d.ts +1 -1
  560. package/types/message/index.d.ts +14 -14
  561. package/types/message/interface.d.ts +2 -0
  562. package/types/modal/config.d.ts +0 -1
  563. package/types/modal/interface.d.ts +0 -1
  564. package/types/notice/index.d.ts +2 -27
  565. package/types/notification/index.d.ts +15 -16
  566. package/types/notification/interface.d.ts +2 -0
  567. package/types/notification/withNotification.d.ts +2 -0
  568. package/types/select/util.d.ts +1 -2
  569. package/types/select-view/interface.d.ts +2 -1
  570. package/types/speech-synthesis/index.d.ts +1 -1
  571. package/types/table/constant.d.ts +2 -0
  572. package/types/table/hook/useThResizable.d.ts +7 -0
  573. package/types/table/index.d.ts +10 -1
  574. package/types/table/style/index.d.ts +1 -0
  575. package/types/table/th-resizable/index.d.ts +2 -0
  576. package/types/table/thead/Column.d.ts +1 -2
  577. package/types/tree/Tree.d.ts +12 -67
  578. package/types/tree-select/Select.d.ts +2 -2
  579. package/types/trigger/index.d.ts +2 -120
  580. package/types/trigger/interface.d.ts +2 -1
  581. package/types/utils/CSSTransition.d.ts +2 -3
  582. package/types/utils/caseName.d.ts +1 -1
  583. package/types/utils/className.d.ts +1 -1
  584. package/types/utils/constant.d.ts +2 -2
  585. package/types/utils/copy.d.ts +1 -1
  586. package/types/utils/dayjs.d.ts +1 -21
  587. package/types/utils/dom.d.ts +1 -6
  588. package/types/utils/fileToURL.d.ts +1 -1
  589. package/types/utils/fillNBSP.d.ts +1 -1
  590. package/types/utils/getHighlightText.d.ts +1 -5
  591. package/types/utils/getHotkeyHandler.d.ts +1 -8
  592. package/types/utils/getStringLength.d.ts +1 -1
  593. package/types/utils/include.d.ts +1 -1
  594. package/types/utils/index.d.ts +3 -4
  595. package/types/utils/is.d.ts +1 -16
  596. package/types/utils/keyboardCode.d.ts +3 -0
  597. package/types/utils/lodash.d.ts +1 -17
  598. package/types/utils/mergeProps.d.ts +1 -1
  599. package/types/utils/mergedToString.d.ts +1 -1
  600. package/types/utils/omit.d.ts +1 -1
  601. package/types/utils/pad.d.ts +1 -2
  602. package/types/utils/pick.d.ts +2 -4
  603. package/types/utils/reactDOM.d.ts +1 -7
  604. package/types/utils/resizeObserverEffect.d.ts +2 -0
  605. package/types/utils/saveAs.d.ts +1 -1
  606. package/types/utils/screenfull.d.ts +2 -0
  607. package/types/utils/scrollIntoView.d.ts +1 -2
  608. package/types/utils/style.d.ts +1 -3
  609. package/types/utils/throttleByRaf.d.ts +1 -5
  610. package/types/utils/throttleByRaf2.d.ts +1 -0
  611. package/types/utils/warning.d.ts +1 -2
  612. package/types/version/index.d.ts +1 -1
  613. package/typography/Base.js +189 -0
  614. package/typography/EditContent.js +46 -0
  615. package/typography/Ellipsis.js +124 -0
  616. package/typography/Operations.js +78 -0
  617. package/typography/Paragraph.js +24 -0
  618. package/typography/Text.js +11 -0
  619. package/typography/Title.js +12 -0
  620. package/typography/Typography.js +13 -0
  621. package/typography/index.js +278 -0
  622. package/typography/interface.js +1 -0
  623. package/typography/useCssEllipsis.js +37 -0
  624. package/typography/useEllipsis.js +150 -0
  625. package/upload/TriggerNode.js +116 -0
  626. package/upload/Upload.js +627 -0
  627. package/upload/Uploader.js +206 -0
  628. package/upload/index.js +8 -0
  629. package/upload/interface.js +9 -0
  630. package/upload/request.js +51 -0
  631. package/upload/request_.js +64 -0
  632. package/upload/util.js +61 -0
  633. package/utils/CSSTransition.js +2 -6
  634. package/utils/className.js +2 -2
  635. package/utils/constant.js +8 -9
  636. package/utils/contextHolder.js +1 -1
  637. package/utils/copy.js +1 -1
  638. package/utils/dayjs.js +14 -173
  639. package/utils/dom.js +35 -31
  640. package/utils/fillNBSP.js +2 -4
  641. package/utils/getHighlightText.js +2 -38
  642. package/utils/getHotkeyHandler.js +2 -25
  643. package/utils/getStringLength.js +2 -7
  644. package/utils/include.js +2 -7
  645. package/utils/index.js +239 -242
  646. package/utils/is.js +116 -156
  647. package/utils/keyboardCode.js +27 -0
  648. package/utils/mergeProps.js +2 -9
  649. package/utils/mergedToString.js +2 -13
  650. package/utils/omit.js +2 -9
  651. package/utils/pick.js +4 -15
  652. package/utils/reactDOM.js +3 -54
  653. package/utils/resizeObserverEffect.js +4 -0
  654. package/utils/saveAs.js +1 -1
  655. package/utils/screenfull.js +4 -0
  656. package/utils/scrollIntoView.js +2 -21
  657. package/utils/style.js +2 -1
  658. package/utils/throttleByRaf.js +13 -12
  659. package/utils/throttleByRaf2.js +5 -0
  660. package/utils/warning.js +2 -1
  661. package/{chunk/BHgJ5Y3T.js → verification-code/VerificationCode.js} +24 -23
  662. package/verification-code/index.js +4 -0
  663. package/verification-code/interface.js +1 -0
  664. package/{Version.js → version/index.js} +1 -1
  665. package/virtual-list/Filler.js +31 -0
  666. package/virtual-list/VirtualList.js +493 -0
  667. package/virtual-list/index.js +4 -0
  668. package/{chunk/Bc7t9jkb.js → watermark/Watermark.js} +17 -16
  669. package/watermark/index.js +4 -0
  670. package/watermark/interface.js +1 -0
  671. package/NotificationBase.js +0 -53
  672. package/chunk/-zpSUpGE.js +0 -1501
  673. package/chunk/BAWsPQBM.js +0 -11
  674. package/chunk/BIT0j3HT.js +0 -269
  675. package/chunk/BbLKnaNO.js +0 -871
  676. package/chunk/Bfhv56O2.js +0 -638
  677. package/chunk/Bh23P4l7.js +0 -162
  678. package/chunk/C2lIz2F9.js +0 -60
  679. package/chunk/CHnFKgbk.js +0 -445
  680. package/chunk/CLBavO5c.js +0 -912
  681. package/chunk/CVkHTbic.js +0 -995
  682. package/chunk/CcV4wQB1.js +0 -968
  683. package/chunk/CeGEvXby.js +0 -278
  684. package/chunk/D3NFxdmG.js +0 -518
  685. package/chunk/DApXtulb.js +0 -1102
  686. package/chunk/DNAigumg.js +0 -166
  687. package/chunk/DPByB1ab.js +0 -698
  688. package/chunk/DQAot004.js +0 -824
  689. package/chunk/DTBtQQ2H.js +0 -334
  690. package/chunk/DV1Ab_cG.js +0 -284
  691. package/chunk/DnvO8A0Z.js +0 -518
  692. package/chunk/Du-bw6qA.js +0 -224
  693. package/chunk/dBnNCOIU.js +0 -778
  694. package/chunk/it8qlDZ3.js +0 -1032
  695. package/chunk/te_43YrB.js +0 -776
  696. package/chunk/znkyQ-HR.js +0 -243
  697. package/hooks/use-verification-code.js +0 -73
  698. package/types/notification-base/index.d.ts +0 -15
  699. package/types/notification-base/style/index.d.ts +0 -2
  700. package/types/style/index.d.ts +0 -1
  701. package/types/trigger/Portal.d.ts +0 -7
  702. package/types/utils/keyCode.d.ts +0 -45
  703. package/types/utils/raf.d.ts +0 -3
  704. package/types/utils/throttleByRafV2.d.ts +0 -5
  705. package/utils/keyCode.js +0 -12
  706. package/utils/raf.js +0 -19
  707. package/utils/throttleByRafV2.js +0 -16
  708. /package/{chunk/l0sNRNKZ.js → affix/interface.js} +0 -0
package/Form.js CHANGED
@@ -1,1418 +1,18 @@
1
- var Ze = Object.defineProperty;
2
- var Ye = (s, e, t) => e in s ? Ze(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
3
- var u = (s, e, t) => Ye(s, typeof e != "symbol" ? e + "" : e, t);
4
- import { jsx as f, jsxs as J, Fragment as Ne } from "react/jsx-runtime";
5
- import { p as Ke } from "./chunk/CANaGbGR.js";
6
- import M from "lodash/isPlainObject";
7
- import Me from "lodash/merge";
8
- import H, { createContext as ue, useRef as L, forwardRef as Ve, useContext as O, useEffect as ie, useImperativeHandle as et, Component as tt, isValidElement as fe, useState as ce, useMemo as we, createElement as Ee, cloneElement as Te, useCallback as ee } from "react";
9
- import { d as xe, a as rt } from "./chunk/-zpSUpGE.js";
10
- import { useCreate as st } from "./hooks/useCreate.js";
11
- import { useMergeProps as it } from "./hooks/useMergeProps.js";
12
- import { y as G } from "./chunk/BAWsPQBM.js";
13
- import _e from "./utils/omit.js";
14
- import { NOOP as b } from "./utils/constant.js";
15
- import $ from "lodash/get";
16
- import Le from "lodash/has";
17
- import T from "lodash/isArray";
18
- import j from "lodash/isFunction";
19
- import nt from "lodash/omit";
20
- import De from "lodash/setWith";
21
- import { isExist as $e } from "./utils/is.js";
22
- import { P as lt } from "./chunk/DUeHQKtx.js";
23
- import Ue from "lodash/cloneDeepWith";
24
- import ot from "lodash/flatten";
25
- import Oe from "lodash/set";
26
- import at from "@unicom-cloud/icons/IconUiCheckCircleFill";
27
- import ct from "@unicom-cloud/icons/IconUiCloseCircleFill";
28
- import ut from "@unicom-cloud/icons/IconUiExclamationCircleFill";
29
- import dt from "@unicom-cloud/icons/IconUiLoading";
30
- import ht from "lodash/isBoolean";
31
- import pe from "lodash/isEqualWith";
32
- import gt from "lodash/isNil";
33
- import re from "./utils/warning.js";
34
- import te from "lodash/isUndefined";
35
- import je from "./Grid.js";
36
- import { P as mt } from "./chunk/CLBavO5c.js";
37
- import Ft from "@unicom-cloud/icons/IconUiQuestionCircleFill";
38
- import ft from "./Tooltip.js";
39
- import { useForceUpdate as pt } from "./hooks/useForceUpdate.js";
40
- import St from "lodash/isString";
41
- const se = ue({
42
- layout: "horizontal",
43
- labelCol: { span: 5, offset: 0 },
44
- labelAlign: "right",
45
- wrapperCol: { span: 19, offset: 0 },
46
- requiredSymbol: !0,
47
- getFormElementId: () => "pqb-",
48
- store: {
49
- clearFields: b,
50
- getFieldsValue: b,
51
- getFieldValue: b,
52
- getFieldError: b,
53
- getFieldsError: b,
54
- getTouchedFields: b,
55
- getFields: b,
56
- getInitialValues: b,
57
- setInitialValues: b,
58
- setInitialValue: b,
59
- setFieldValue: b,
60
- setFieldsValue: b,
61
- setFields: b,
62
- resetFields: b,
63
- submit: b,
64
- validate: b,
65
- getFieldsState: b,
66
- scrollToField: b,
67
- getInnerMethods: () => ({
68
- registerField: b,
69
- innerGetStore: b,
70
- registerStateWatcher: b,
71
- registerWatcher: b,
72
- innerGetStoreStatus: b
73
- })
74
- }
75
- }), Se = ue({}), qe = ue({}), Ge = ue({}), me = {
76
- error: "error",
77
- success: "success",
78
- warning: "warning",
79
- validating: "validating"
80
- };
81
- var U = /* @__PURE__ */ ((s) => (s.init = "init", s.error = "error", s.success = "success", s.submitting = "submitting", s))(U || {});
82
- class Vt extends Error {
83
- constructor(t) {
84
- super("form validate error, get errors by error.errors");
85
- u(this, "errors", {});
86
- this.errors = t;
87
- }
88
- }
89
- function bt(s) {
90
- return Object.defineProperty(
91
- (...e) => typeof e[e.length - 1] == "function" ? s.apply(this, e) : new Promise((t, r) => (e[e.length] = (i, l) => {
92
- if (i) return r(new Vt(i));
93
- t(l);
94
- }, e.length++, s.apply(this, e))),
95
- "name",
96
- { value: s.name }
97
- );
98
- }
99
- function K(s) {
100
- return Ue(s, (e) => {
101
- if (!M(e) && !T(e))
102
- return e;
103
- });
104
- }
105
- const vt = (s, e) => Ue(s, (t) => {
106
- if (j(t))
107
- return (r) => t(r, e);
108
- });
109
- function N(s, e, t) {
110
- return Oe(s, e, K(t)), s;
111
- }
112
- function ke(s, e = "") {
113
- const t = /* @__PURE__ */ new Set(), r = (i, l = "") => i ? t.has(i) ? [] : (t.add(i), ot(
114
- Object.keys(i).map((n) => (M(i[n]) || T(i[n])) && Object.keys(i[n]).length && !H.isValidElement(i[n]) ? r(i[n], `${l + n}.`) : l + n)
115
- )) : [];
116
- return r(s, e);
117
- }
118
- function ze(s) {
119
- var e;
120
- return ((e = s == null ? void 0 : s.constructor) == null ? void 0 : e.name) === "SyntheticEvent" || (s == null ? void 0 : s.nativeEvent) instanceof Event;
121
- }
122
- async function Re(s, e, t, r) {
123
- const i = [...t || []];
124
- let l = 0;
125
- return new Promise(async (n) => {
126
- const o = [], a = async (d) => {
127
- const c = () => l < i.length - 1 ? (l++, a(i[l])) : n({ error: null, warning: o });
128
- if (!d)
129
- return c();
130
- const h = { ...d };
131
- !h.type && !h.validator && (h.type = "string"), new lt({ [s]: [h] }, {
132
- ignoreEmptyString: !0,
133
- validateMessages: r
134
- }).validate({ [s]: e }, (F) => {
135
- if (F)
136
- if (d.validateLevel === "warning")
137
- o.push(F[s].message);
138
- else
139
- return n({
140
- error: F,
141
- warning: o
142
- });
143
- return c();
144
- });
145
- };
146
- a(i[l]);
147
- });
148
- }
149
- function ae(s, e) {
150
- const t = De({}, s, void 0, Object);
151
- return e.some((r) => Le(t, r));
152
- }
153
- const be = "_input";
154
- class yt {
155
- constructor() {
156
- // 表示的 Form 的提交状态而非单个字段的提交状态。
157
- // 只有在触发表单 reset(原生 reset,而非当前的 resetFields) 时,才会回到 init 状态(目前没有支持 form.reset,所以没有这块逻辑)
158
- u(this, "submitStatus", U.init);
159
- u(this, "registerFields", []);
160
- // 所有 form item value 的变动,都会通知这里注册到的 watcher
161
- u(this, "registerWatchers", []);
162
- // 所有 form item 内部 errors, validating, touched 状态的变化,都会通知这里注册到的 watcher
163
- // TODO: 合并 registerWatchers
164
- u(this, "registerStateWatchers", []);
165
- // 所有 form 整体 的变动,都会通知这里注册到的 watcher
166
- u(this, "registerFormWatchers", []);
167
- // 和formControl 的 touched属性不一样。 只要被改过的字段,这里就会存储。并且不会跟随formControl被卸载而清除。
168
- // reset 的时候清除
169
- u(this, "touchedFields", {});
170
- u(this, "store", {});
171
- u(this, "initialValues", {});
172
- u(this, "callbacks", {});
173
- // 告知 form 状态改变,进行状态收集
174
- u(this, "innerCollectFormState", () => {
175
- this.notifyStateWatchers();
176
- });
177
- u(this, "innerSetCallbacks", (e) => {
178
- this.callbacks = e;
179
- });
180
- u(this, "registerFormWatcher", (e) => (this.registerFormWatchers.push(e), () => {
181
- this.registerFormWatchers = this.registerFormWatchers.filter(
182
- (t) => t !== e
183
- );
184
- }));
185
- u(this, "registerStateWatcher", (e) => (this.registerStateWatchers.push(e), () => {
186
- this.registerStateWatchers = this.registerStateWatchers.filter(
187
- (t) => t !== e
188
- );
189
- }));
190
- u(this, "registerWatcher", (e) => (this.registerWatchers.push(e), () => {
191
- this.registerWatchers = this.registerWatchers.filter((t) => t !== e);
192
- }));
193
- // 收集所有control字段,并在组件卸载时移除
194
- u(this, "registerField", (e) => (this.registerFields.push(e), this.notifyWatchers(), () => {
195
- this.registerFields = this.registerFields.filter((t) => t !== e), this.notifyWatchers();
196
- }));
197
- // hasField为true时,只返回传入field属性的control实例
198
- // isFormList 目前只在校验时需要包含
199
- // TODO formlist 实现缺陷,待优化
200
- u(this, "getRegisteredFields", (e, t) => e ? this.registerFields.filter(
201
- (r) => {
202
- var i;
203
- return r.hasFieldProps() && ((t == null ? void 0 : t.containFormList) || !((i = r.props) != null && i.isFormList));
204
- }
205
- ) : this.registerFields);
206
- // 获取props.field === field 的control组件。
207
- u(this, "getRegisteredField", (e) => this.registerFields.filter((t) => t.props.field === e)[0]);
208
- // 通知所有的FormItem进行更新。
209
- // setFieldValue: 外部调用setFieldsValue (setFieldValue等)方法触发更新
210
- // innerSetValue: 控件例如Input,通过onChange事件触发的更新
211
- // reset:重置
212
- u(this, "notify", (e, t) => {
213
- (e === "setFieldValue" || e === "innerSetValue" && !t.ignore) && this._pushTouchField(
214
- t.changeValues ? ke(t.changeValues) : this._getIterativelyKeysByField(t.field)
215
- ), this.registerFields.forEach((r) => {
216
- var i;
217
- (i = r == null ? void 0 : r.onStoreChange) == null || i.call(r, e, {
218
- ...t,
219
- current: this.store
220
- });
221
- });
222
- });
223
- u(this, "innerSetInitialValues", (e) => {
224
- e && (this.initialValues = Me(this.initialValues, K(e)), Object.keys(e).forEach((t) => {
225
- N(this.store, t, e[t]);
226
- }));
227
- });
228
- u(this, "innerSetInitialValue", (e, t) => {
229
- e && (this.initialValues[e] = t, this._inTouchFields(e) || N(this.store, e, $(this.initialValues, e)));
230
- });
231
- /**
232
- *
233
- * 内部使用,更新value,会同时触发onChange 和 onValuesChange
234
- * @options.isFormList 强制更新field对应的组件包括其子组件,form
235
- */
236
- u(this, "innerSetFieldValue", (e, t, r) => {
237
- if (!e) return;
238
- const i = this.getFields();
239
- N(this.store, e, t), this.triggerValuesChange({
240
- [e]: t
241
- }), this.triggerTouchChange({ [e]: t }), this.notify("innerSetValue", {
242
- prev: i,
243
- field: e,
244
- ...r,
245
- changeValues: { [e]: t }
246
- });
247
- });
248
- // 内部使用
249
- u(this, "innerGetStore", () => this.store);
250
- // 目前返回提交状态,后续统一维护 errors,warnings 后,这里可进行拓展
251
- u(this, "innerGetStoreStatus", () => ({
252
- submitStatus: this.submitStatus
253
- }));
254
- // 内部使用,返回原始对象,注入到组件的 value 都从这里获取值,cloneDeep 后的值每次引用地址是不同的
255
- u(this, "innerGetFieldValue", (e) => $(this.store, e));
256
- // 获取所有被操作过的字段
257
- u(this, "getTouchedFields", () => this.getRegisteredFields(!0).filter((e) => e.isTouched()).map((e) => e.props.field));
258
- // 外部调用设置表单字段值
259
- u(this, "setFieldValue", (e, t) => {
260
- e && this.setFields({
261
- [e]: { value: t }
262
- });
263
- });
264
- // 外部调用,设置多个表单控件的值
265
- u(this, "setFieldsValue", (e) => {
266
- if (M(e)) {
267
- const t = Object.keys(e), r = {};
268
- t.forEach((i) => {
269
- r[i] = {
270
- value: e[i]
271
- };
272
- }), this.setFields(r);
273
- }
274
- });
275
- // 外部调用,设置多个表单控件的值,以及 error,touch 信息。
276
- u(this, "setFields", (e) => {
277
- const t = Object.keys(e), r = {};
278
- t.forEach((i) => {
279
- const l = e[i], n = this.getFields();
280
- if (l) {
281
- const o = {};
282
- "error" in l && (o.errors = l.error), "warning" in l && (o.warnings = l.warning), "touched" in l && (o.touched = l.touched), "value" in l && (N(this.store, i, l.value), r[i] = l.value), this.notify("setFieldValue", {
283
- data: o,
284
- prev: n,
285
- field: i,
286
- changeValues: { [i]: l.value }
287
- });
288
- }
289
- }), this.triggerValuesChange(r);
290
- });
291
- u(this, "getFieldValue", (e) => K($(this.store, e)));
292
- // 获取单个字段的错误信息。
293
- u(this, "getFieldError", (e) => {
294
- const t = this.getRegisteredField(e);
295
- return t ? t.getErrors() : null;
296
- });
297
- // 获取传入字段/全部的错误信息
298
- u(this, "getFieldsError", (e) => {
299
- const t = {};
300
- return T(e) ? e.map((r) => {
301
- const i = this.getFieldError(r);
302
- i && (t[r] = i);
303
- }) : this.getRegisteredFields(!0, { containFormList: !0 }).forEach(
304
- (r) => {
305
- r.getErrors() && (t[r.props.field] = r.getErrors());
306
- }
307
- ), t;
308
- });
309
- u(this, "getFields", () => K(this.store));
310
- u(this, "getFieldsValue", (e) => {
311
- const t = {};
312
- return T(e) ? (e.forEach((r) => {
313
- N(t, r, this.getFieldValue(r));
314
- }), t) : (this.getRegisteredFields(!0).forEach(({ props: { field: r } }) => {
315
- const i = $(this.store, r);
316
- N(t, r, i);
317
- }), t);
318
- });
319
- u(this, "getInitialValues", () => this.initialValues);
320
- u(this, "setInitialValues", (e) => {
321
- this.innerSetInitialValues(e), this.setFieldsValue(e);
322
- });
323
- u(this, "setInitialValue", (e, t) => {
324
- this.innerSetInitialValue(e, t), this.setFieldValue(e, t);
325
- });
326
- u(this, "resetFields", (e) => {
327
- const t = this.getFields(), r = $e(e) && !T(e) ? [e] : e;
328
- let i = {};
329
- if (r && T(r))
330
- r.forEach((n) => {
331
- N(
332
- this.store,
333
- n,
334
- this.initialValues[n]
335
- ), i[n] = $(this.store, n);
336
- }), this.triggerValuesChange(i), this.notify("reset", { prev: t, field: r }), this._popTouchField(r);
337
- else {
338
- const n = {};
339
- i = this.getFields(), Object.keys(this.initialValues).forEach((o) => {
340
- N(n, o, this.initialValues[o]);
341
- }), this.store = n, this.getRegisteredFields(!0).forEach((o) => {
342
- const a = o.props.field;
343
- N(i, a, $(this.store, a));
344
- }), this.triggerValuesChange(i), this._popTouchField(), this.notify("reset", {
345
- prev: t,
346
- field: Object.keys(i)
347
- });
348
- }
349
- const { onReset: l } = this.callbacks;
350
- l == null || l(i);
351
- });
352
- u(this, "validate", bt(
353
- (e, t, r) => {
354
- const i = this.getRegisteredFields(!0, {
355
- containFormList: !0
356
- }), l = T(e) && e.length ? i.filter(
357
- (c) => e.indexOf(c.props.field) > -1
358
- ) : i, n = M(e) ? e : M(t) ? t : {}, o = j(e) ? e : j(t) ? t : r || (() => {
359
- }), a = l.map(
360
- (c) => n != null && n.validateOnly ? c.validateFieldOnly() : c.validateField()
361
- ), d = (c) => {
362
- if (!(n != null && n.validateOnly)) {
363
- const { onValidateFail: h } = this.callbacks;
364
- h == null || h(c);
365
- }
366
- };
367
- Promise.all(a).then((c) => {
368
- let h = {};
369
- const m = {};
370
- c.map((V) => {
371
- var p;
372
- V.error && (h = { ...h, ...V.error });
373
- const g = this.getRegisteredField(V.field);
374
- (p = g == null ? void 0 : g.props) != null && p.isFormList || N(m, V.field, V.value);
375
- });
376
- let F;
377
- return Object.keys(h).length ? (d == null || d(h), F = o == null ? void 0 : o(h, K(m))) : F = o == null ? void 0 : o(null, K(m)), F;
378
- });
379
- }
380
- ));
381
- u(this, "toggleSubmitStatus", (e) => {
382
- this.submitStatus = e, this.innerCollectFormState(), this.notifyFormWatcher();
383
- });
384
- u(this, "submit", () => (this.toggleSubmitStatus(U.submitting), this.validate((e, t) => {
385
- let r;
386
- const { onSubmit: i, onSubmitFailed: l } = this.callbacks;
387
- !e && i && (r = i(t)), e && l && (r = l(e)), r && r.then ? r.then((n) => (this.toggleSubmitStatus(U.success), n)).catch((n) => (this.toggleSubmitStatus(U.error), Promise.reject(n))) : this.toggleSubmitStatus(
388
- e ? U.error : U.success
389
- );
390
- })));
391
- u(this, "getFieldsState", (e) => {
392
- const t = {}, r = (i) => {
393
- if (!i)
394
- return null;
395
- const l = i.getErrors();
396
- return {
397
- errors: l ? [l] : [],
398
- warnings: i.getWarnings(),
399
- validateStatus: i.getValidateStatus(),
400
- isSubmitting: this.submitStatus === U.submitting,
401
- isTouched: i.isTouched(),
402
- value: this.getFieldValue(i.props.field)
403
- };
404
- };
405
- return T(e) ? (e.forEach((i) => {
406
- t[i] = r(this.getRegisteredField(i));
407
- }), t) : (this.getRegisteredFields(!0).forEach((i) => {
408
- t[i.props.field] = r(i);
409
- }), t);
410
- });
411
- u(this, "clearFields", (e) => {
412
- const t = this.getFields(), r = $e(e) && !T(e) ? [e] : e;
413
- if (r && T(r)) {
414
- const i = {};
415
- r.forEach((l) => {
416
- N(this.store, l, void 0), i[l] = $(this.store, l);
417
- }), this.triggerValuesChange(i), this.notify("setFieldValue", {
418
- prev: t,
419
- field: r,
420
- data: {
421
- errors: null,
422
- warnings: null
423
- }
424
- });
425
- } else {
426
- const i = {};
427
- this.store = {}, this.getRegisteredFields(!0).forEach((l) => {
428
- const n = l.props.field;
429
- N(i, n, void 0);
430
- }), this.triggerValuesChange(i), this.notify("setFieldValue", {
431
- prev: t,
432
- field: Object.keys(i),
433
- data: {
434
- errors: null,
435
- warnings: null
436
- }
437
- });
438
- }
439
- });
440
- }
441
- notifyWatchers() {
442
- this.registerWatchers.forEach((e) => {
443
- e();
444
- });
445
- }
446
- // 注册监听全局状态的 watcher
447
- notifyFormWatcher() {
448
- this.registerFormWatchers.forEach((e) => {
449
- e();
450
- });
451
- }
452
- notifyStateWatchers() {
453
- this.registerStateWatchers.forEach((e) => {
454
- e();
455
- });
456
- }
457
- triggerValuesChange(e) {
458
- if (e && Object.keys(e).length) {
459
- const { onValuesChange: t } = this.callbacks;
460
- t == null || t(e, this.getFields());
461
- }
462
- this.notifyWatchers();
463
- }
464
- triggerTouchChange(e) {
465
- if (e && Object.keys(e).length) {
466
- const { onChange: t } = this.callbacks;
467
- t == null || t(e, this.getFields());
468
- }
469
- }
470
- _getIterativelyKeysByField(e) {
471
- if (!e)
472
- return [];
473
- const r = [].concat(e).map((i) => ke(N({}, i, void 0))).reduce((i, l) => i.concat(l), []);
474
- return [e, ...r];
475
- }
476
- _inTouchFields(e) {
477
- return this._getIterativelyKeysByField(e).some((r) => Le(this.touchedFields, r));
478
- }
479
- _popTouchField(e) {
480
- e === void 0 && (this.touchedFields = {});
481
- const t = this._getIterativelyKeysByField(e);
482
- this.touchedFields = nt(this.touchedFields, t);
483
- }
484
- _pushTouchField(e) {
485
- [].concat(e).forEach((t) => {
486
- De(this.touchedFields, t, void 0, Object);
487
- });
488
- }
489
- }
490
- function Ct() {
491
- const s = new yt();
492
- return {
493
- getFieldsValue: s.getFieldsValue,
494
- getFieldValue: s.getFieldValue,
495
- getFieldError: s.getFieldError,
496
- getFieldsError: s.getFieldsError,
497
- getTouchedFields: s.getTouchedFields,
498
- getFields: s.getFields,
499
- getInitialValues: s.getInitialValues,
500
- setInitialValues: s.setInitialValues,
501
- setInitialValue: s.setInitialValue,
502
- setFieldValue: s.setFieldValue,
503
- setFieldsValue: s.setFieldsValue,
504
- setFields: s.setFields,
505
- resetFields: s.resetFields,
506
- clearFields: s.clearFields,
507
- submit: s.submit,
508
- validate: s.validate,
509
- scrollToField: () => {
510
- },
511
- getFieldsState: s.getFieldsState,
512
- getInnerMethods: (e) => {
513
- const t = {};
514
- return e && [
515
- "registerField",
516
- "registerWatcher",
517
- "registerStateWatcher",
518
- "registerFormWatcher",
519
- "innerSetInitialValues",
520
- "innerSetInitialValue",
521
- "innerSetCallbacks",
522
- "innerSetFieldValue",
523
- "innerGetStore",
524
- "innerGetStoreStatus",
525
- "innerGetFieldValue",
526
- "innerCollectFormState"
527
- ].map((r) => {
528
- t[r] = s[r];
529
- }), t;
530
- }
531
- };
532
- }
533
- function Ae(s) {
534
- const e = L(s);
535
- return e.current || (s ? e.current = s : e.current = Ct()), [e.current];
536
- }
537
- function Fe(s, e) {
538
- const t = e.replace(/[[.]/g, "_").replace(/\]/g, "");
539
- return s ? `${s}-${t}` : `${t}`;
540
- }
541
- const It = {
542
- layout: "horizontal",
543
- labelCol: { span: 5, offset: 0 },
544
- labelAlign: "right",
545
- wrapperCol: { span: 19, offset: 0 },
546
- requiredSymbol: !0,
547
- wrapper: "form",
548
- validateTrigger: "onChange"
549
- }, wt = (s, e) => {
550
- var X, B;
551
- const t = O(xe), r = O(qe), i = L(null), [l] = Ae(
552
- s.form
553
- ), n = it(
554
- s,
555
- It,
556
- (X = t.componentConfig) == null ? void 0 : X.Form
557
- ), {
558
- layout: o,
559
- labelCol: a,
560
- wrapperCol: d,
561
- wrapper: c,
562
- id: h,
563
- requiredSymbol: m,
564
- labelAlign: F,
565
- disabled: V,
566
- colon: g,
567
- className: p,
568
- validateTrigger: v,
569
- prefixCls: y,
570
- validateMessages: w,
571
- ...k
572
- } = n, R = y || t.getPrefixCls("form"), Q = t.rtl, ne = "size" in n ? n.size : t.size, le = l.getInnerMethods(!0);
573
- st(() => {
574
- le.innerSetInitialValues(n.initialValues);
575
- }), ie(() => {
576
- let S;
577
- return r.register && (S = r.register(n.id, l)), S;
578
- }, [n.id, l]), l.scrollToField = (S, W) => {
579
- const C = i.current, P = n.id;
580
- if (!C)
581
- return;
582
- let q = C.querySelector(
583
- `#${Fe(P, S)}`
584
- );
585
- q || (q = C.querySelector(
586
- `#${Fe(P, S)}${be}`
587
- )), q && Ke(q, {
588
- behavior: "smooth",
589
- block: "nearest",
590
- scrollMode: "if-needed",
591
- ...W
592
- });
593
- }, le.innerSetCallbacks({
594
- onValuesChange: (S, W) => {
595
- var C, P;
596
- (C = n.onValuesChange) == null || C.call(n, S, W), (P = r.onFormValuesChange) == null || P.call(r, n.id, S);
597
- },
598
- onChange: n.onChange,
599
- onValidateFail: (S) => {
600
- const W = n.scrollToFirstError;
601
- if (W) {
602
- const C = M(W) ? W : {};
603
- l.scrollToField(
604
- Object.keys(S)[0],
605
- C
606
- );
607
- }
608
- },
609
- onSubmitFailed: n.onSubmitFailed,
610
- onSubmit: (S) => {
611
- var C, P;
612
- const W = (C = n.onSubmit) == null ? void 0 : C.call(n, S);
613
- return (P = r.onFormSubmit) == null || P.call(r, n.id, S), W;
614
- },
615
- onReset: (S) => {
616
- var C, P;
617
- const W = (C = n.onReset) == null ? void 0 : C.call(n, S);
618
- return (P = r == null ? void 0 : r.onFormReset) == null || P.call(r, n.id, S), W;
619
- }
620
- });
621
- const he = {
622
- requiredSymbol: m,
623
- labelAlign: F,
624
- disabled: V,
625
- colon: g,
626
- labelCol: a,
627
- wrapperCol: d,
628
- layout: o,
629
- store: l,
630
- prefixCls: R,
631
- validateTrigger: v,
632
- validateMessages: Me(
633
- {},
634
- (B = t.locale.Form) == null ? void 0 : B.validateMessages,
635
- w
636
- ),
637
- getFormElementId: (S) => Fe(h, S)
638
- }, oe = se;
639
- return et(e, () => ({
640
- ...l,
641
- getRootDOMNode() {
642
- return i.current;
643
- }
644
- })), /* @__PURE__ */ f(rt, { ...t, size: ne, children: /* @__PURE__ */ f(oe.Provider, { value: he, children: /* @__PURE__ */ f(
645
- c,
646
- {
647
- ref: i,
648
- ..._e(k, [
649
- "form",
650
- "size",
651
- "initialValues",
652
- "onValuesChange",
653
- "onChange",
654
- "wrapperProps",
655
- "scrollToFirstError",
656
- "onSubmit",
657
- "onSubmitFailed",
658
- "onReset"
659
- ]),
660
- ...n.wrapperProps,
661
- className: G(
662
- R,
663
- `${R}-${o}`,
664
- `${R}-size-${ne}`,
665
- { [`${R}-rtl`]: Q },
666
- p
667
- ),
668
- style: n.style,
669
- onSubmit: (S) => {
670
- S.preventDefault(), S.stopPropagation(), l.submit();
671
- },
672
- onReset: (S) => {
673
- S.preventDefault(), S.stopPropagation(), l.resetFields();
674
- },
675
- id: h,
676
- children: n.children
677
- }
678
- ) }) });
679
- }, Be = Ve(wt);
680
- Be.displayName = "Form";
681
- class z extends tt {
682
- constructor(t, r) {
683
- var i, l;
684
- super(t);
685
- u(this, "context");
686
- // 校验信息
687
- u(this, "errors", null);
688
- // 校验 warning 信息
689
- u(this, "warnings", null);
690
- // undefined => validating => success / error => (validating or undefined)
691
- u(this, "validateStatus");
692
- // 是否被用户操作过
693
- u(this, "touched");
694
- u(this, "isDestroyed", !1);
695
- // 保存 props.children 或函数类型 props.children() 的返回值
696
- u(this, "childrenElement", null);
697
- u(this, "removeRegisterField");
698
- // 触发 store 进行状态收集
699
- // TODO: error, validateStatus ,touched 状态和 UI 组件解耦,统一维护在 store 内部
700
- u(this, "triggerStateCollect", () => {
701
- const { innerCollectFormState: t } = this.context.store.getInnerMethods(!0);
702
- t();
703
- });
704
- // 切换校验状态
705
- u(this, "toggleValidateStatus", (t) => {
706
- this.validateStatus = t, this.triggerStateCollect();
707
- });
708
- // 切换 touch 状态
709
- u(this, "toggleTouched", (t) => {
710
- this.touched = ht(t) ? t : !this.touched, this.triggerStateCollect();
711
- });
712
- u(this, "setWarnings", (t) => {
713
- this.warnings = t, this.triggerStateCollect();
714
- });
715
- u(this, "setErrors", (t) => {
716
- this.errors = t, this.triggerStateCollect();
717
- });
718
- u(this, "getErrors", () => this.errors);
719
- u(this, "getWarnings", () => this.warnings || []);
720
- u(this, "isTouched", () => this.touched);
721
- u(this, "getValidateStatus", () => this.props.validateStatus ? this.props.validateStatus : this.validateStatus);
722
- u(this, "hasFieldProps", () => !!this.props.field);
723
- u(this, "clearFormItemError", (t = this.props.field) => {
724
- const { updateFormItem: r } = this.context;
725
- r == null || r(t, { errors: null, warnings: null });
726
- });
727
- u(this, "updateFormItem", () => {
728
- if (this.isDestroyed) return;
729
- this.forceUpdate();
730
- const { updateFormItem: t } = this.context;
731
- t == null || t(this.props.field, {
732
- errors: this.errors,
733
- warnings: this.warnings
734
- });
735
- });
736
- u(this, "getFieldValue", () => {
737
- const t = this.props.field, r = this.context.store;
738
- return t ? r.getInnerMethods(!0).innerGetFieldValue(t) : void 0;
739
- });
740
- u(this, "onStoreChange", (t, r) => {
741
- const i = T(r.field) ? r.field : [r.field], { field: l, shouldUpdate: n, dependencies: o } = this.props, a = (d) => {
742
- if (o && n && re(!0, "`shouldUpdate` of the `Form.Item` will be ignored."), o)
743
- (T(o) || o.some(
744
- (c) => ae(c, i)
745
- )) && this.isTouched() && this.validateField();
746
- else if (n) {
747
- let c = !1;
748
- j(n) ? c = n(r.prev, r.current, {
749
- field: r.field,
750
- ...d
751
- }) : c = !pe(r.prev, r.current), c && this.updateFormItem();
752
- }
753
- };
754
- switch (t) {
755
- case "reset":
756
- this.toggleTouched(!1), this.toggleValidateStatus(void 0), this.setErrors(null), this.setWarnings(null), o || n ? a() : this.updateFormItem();
757
- break;
758
- case "innerSetValue":
759
- if (ae(l, i)) {
760
- this.toggleTouched(!0), this.updateFormItem();
761
- return;
762
- }
763
- a({
764
- isInner: !0,
765
- isFormList: r.isFormList
766
- });
767
- break;
768
- case "setFieldValue":
769
- if (ae(l, i)) {
770
- this.toggleTouched(!0), r.data && "touched" in r.data && this.toggleTouched(r.data.touched), r.data && "warnings" in r.data && this.setWarnings(
771
- gt(r.data.warnings) ? [] : [].concat(r.data.warnings)
772
- ), r.data && "errors" in r.data ? this.setErrors(r.data.errors) : pe($(r.prev, l), $(r.current, l)) || this.setErrors(null), this.updateFormItem();
773
- return;
774
- }
775
- a();
776
- break;
777
- }
778
- });
779
- u(this, "innerSetFieldValue", (t, r) => {
780
- var o, a;
781
- if (!t) return;
782
- const { store: i } = this.context;
783
- i.getInnerMethods(!0).innerSetFieldValue(t, r);
784
- const n = {};
785
- Oe(n, t, r), (a = (o = this.props) == null ? void 0 : o.onValuesChange) == null || a.call(o, n, {
786
- ...i.getFieldsValue()
787
- });
788
- });
789
- // 仅仅校验下值,不做任何状态变更
790
- u(this, "validateFieldOnly", () => {
791
- const { validateMessages: t } = this.context, { field: r, rules: i } = this.props, l = this.getFieldValue();
792
- return Re(r, l, i, t).then(
793
- ({ error: n, warning: o }) => Promise.resolve({ error: n, value: l, warning: o, field: r })
794
- );
795
- });
796
- /**
797
- *
798
- * @param triggerType the value of validateTrigger.
799
- * @returns
800
- */
801
- u(this, "validateField", (t) => {
802
- const { validateTrigger: r, validateMessages: i } = this.context, { field: l, rules: n, validateTrigger: o } = this.props, a = this.getFieldValue(), d = () => {
803
- var m;
804
- const h = this.errors || ((m = this.warnings) == null ? void 0 : m.length);
805
- this.toggleValidateStatus("validating"), this.setErrors(null), this.setWarnings(null), h && this.updateFormItem();
806
- }, c = t ? (n || []).filter((h) => [].concat(
807
- h.validateTrigger || o || r
808
- ).indexOf(t) > -1) : n;
809
- return c && c.length && l ? (d(), Re(l, a, c, i).then(
810
- ({ error: h, warning: m }) => {
811
- var F;
812
- return this.setErrors(h ? h[l] : null), this.setWarnings(m || null), this.toggleValidateStatus(
813
- this.errors ? "error" : (F = this.warnings) != null && F.length ? "warning" : "success"
814
- ), this.updateFormItem(), Promise.resolve({ error: h, value: a, field: l });
815
- }
816
- )) : Promise.resolve({ error: null, value: a, field: l });
817
- });
818
- // 每次 render 都会作为 onChange 传递给 children,需要保证引用地址不变
819
- // 所以 handleTrigger 需要声明在类上,并且直接作为 children.props.onChange
820
- u(this, "handleTrigger", (t, ...r) => {
821
- const i = this.childrenElement || this.props.children, { store: l } = this.context, { field: n, trigger: o, normalize: a, getValueFromEvent: d } = this.props, c = j(d) ? d(t, ...r) : t;
822
- let h = c;
823
- if (ze(c)) {
824
- re(
825
- !0,
826
- "changed value missed, please check whether extra elements is outta input/select controled by Form.Item"
827
- ), c.stopPropagation();
828
- return;
829
- }
830
- typeof a == "function" && (h = a(c, l.getFieldValue(n), {
831
- ...l.getFieldsValue()
832
- })), this.toggleTouched(!0), this.innerSetFieldValue(n, h), this.validateField(o), fe(i) && i.props && i.props[o] && (this.props.isFormList || i.props[o](h, ...r));
833
- });
834
- u(this, "getChild", () => {
835
- const { children: t } = this.props, { store: r } = this.context;
836
- let i = t;
837
- return j(t) && (i = t(
838
- r.getFields(),
839
- {
840
- ...r
841
- },
842
- this.props.isFormList && {
843
- value: this.getFieldValue(),
844
- onChange: this.handleTrigger
845
- }
846
- )), this.childrenElement = i, i;
847
- });
848
- "initialValue" in t && this.hasFieldProps() && ((l = (i = r == null ? void 0 : r.store) == null ? void 0 : i.setInitialValue) == null || l.call(i, t.field, t.initialValue));
849
- }
850
- componentDidMount() {
851
- const { store: t } = this.context ?? {};
852
- if (t) {
853
- const r = t.getInnerMethods(!0);
854
- this.removeRegisterField = r.registerField(this);
855
- }
856
- this.isDestroyed = !1;
857
- }
858
- componentDidUpdate(t) {
859
- (t.field !== this.props.field && this.props._key && t._key === this.props._key || /* 以下条件判断潘启宝添加于 2023年10月23日 星期一 13时10分43秒 CST */
860
- this.props.disabled !== t.disabled && this.props.disabled || this.props.rules !== t.rules && !this.props.rules) && (this.updateFormItem(), this.clearFormItemError(t.field));
861
- }
862
- componentWillUnmount() {
863
- var t;
864
- (t = this.removeRegisterField) == null || t.call(this), this.removeRegisterField = null, this.clearFormItemError(), this.isDestroyed = !0;
865
- }
866
- /**
867
- * 收集rules里的validateTrigger字段
868
- */
869
- getValidateTrigger() {
870
- const t = this.props.validateTrigger || this.context.validateTrigger || "onChange", r = this.props.rules || [];
871
- let i = [];
872
- return r.map((l) => {
873
- i = i.concat(l.validateTrigger || t);
874
- }), Array.from(new Set(i));
875
- }
876
- renderControl(t, r) {
877
- var g;
878
- const {
879
- field: i,
880
- trigger: l = "onChange",
881
- triggerPropName: n = "value",
882
- validateStatus: o,
883
- formatter: a
884
- } = this.props, { store: d, disabled: c } = this.context, h = "disabled" in this.props ? this.props.disabled : c, m = H.Children.only(t), F = {
885
- // used by label
886
- id: G(((g = m.props) == null ? void 0 : g.id) || { [`${r}${be}`]: r })
887
- };
888
- this.getValidateTrigger().forEach((p) => {
889
- F[p] = (v) => {
890
- var y, w;
891
- this.validateField(p), (w = (y = m.props) == null ? void 0 : y[p]) == null || w.call(y, v);
892
- };
893
- }), F[l] = this.handleTrigger, h !== void 0 && !("disabled" in m.props) && (F.disabled = h);
894
- let V = $(d.getInnerMethods(!0).innerGetStore(), i);
895
- return j(a) && (V = a(V)), F[n] = V, !o && this.errors && (F.error = !0), H.cloneElement(m, F);
896
- }
897
- render() {
898
- const { noStyle: t, field: r, isFormList: i, hasFeedback: l } = this.props, n = this.getValidateStatus(), { prefixCls: o, getFormElementId: a } = this.context;
899
- let d = this.getChild();
900
- const c = this.hasFieldProps() ? a == null ? void 0 : a(r) : void 0;
901
- return this.hasFieldProps() && !i && H.Children.count(d) === 1 && (d = this.renderControl(d, c)), t ? d : /* @__PURE__ */ f("div", { className: `${o}-item-control-wrapper`, children: /* @__PURE__ */ f("div", { className: `${o}-item-control`, id: c, children: /* @__PURE__ */ J("div", { className: `${o}-item-control-children`, children: [
902
- d,
903
- n && l && /* @__PURE__ */ J(
904
- "div",
905
- {
906
- className: `${o}-item-feedback ${o}-item-feedback-${n}`,
907
- children: [
908
- n === "warning" && /* @__PURE__ */ f(ut, {}),
909
- n === "success" && /* @__PURE__ */ f(at, {}),
910
- n === "error" && /* @__PURE__ */ f(ct, {}),
911
- n === "validating" && /* @__PURE__ */ f(dt, {})
912
- ]
913
- }
914
- )
915
- ] }) }) });
916
- }
917
- }
918
- u(z, "defaultProps", {
919
- trigger: "onChange",
920
- triggerPropName: "value"
921
- }), u(z, "isFormControl", !0), u(z, "contextType", Se);
922
- function Et(s) {
923
- return /* @__PURE__ */ f(
924
- "svg",
925
- {
926
- width: "1em",
927
- height: "1em",
928
- "aria-hidden": !0,
929
- focusable: !1,
930
- fill: "currentColor",
931
- stroke: "none",
932
- viewBox: "0 0 48 48",
933
- ...s,
934
- children: /* @__PURE__ */ f("path", { d: "M30.841,46.115l5.864,-2.824l-6.841,-14.205l15.371,3.508l1.449,-6.345l-15.372,-3.509l12.327,-9.83l-4.058,-5.088l-12.327,9.83l0,-15.767l-6.508,0l-0,15.767l-12.327,-9.83l-4.058,5.088l12.327,9.83l-15.372,3.509l1.449,6.345l15.371,-3.508l-6.841,14.205l5.864,2.824l6.841,-14.206l6.841,14.206Z" })
935
- }
936
- );
937
- }
938
- const Tt = ({
939
- htmlFor: s,
940
- showColon: e,
941
- label: t,
942
- requiredSymbol: r,
943
- required: i,
944
- rules: l,
945
- prefix: n,
946
- tooltip: o
947
- }) => {
948
- const a = T(l) && l.some((m) => m && m.required), d = M(r) ? r.position : "end", c = (i || a) && !!r && /* @__PURE__ */ f("strong", { className: `${n}-form-item-symbol`, children: /* @__PURE__ */ f(Et, {}) }), h = () => {
949
- if (!o)
950
- return null;
951
- const m = `${n}-form-item-tooltip`;
952
- let F = {}, V = /* @__PURE__ */ f(Ft, { className: m });
953
- if (!M(o) || fe(o))
954
- F = {
955
- content: o
956
- };
957
- else {
958
- const { icon: g, ...p } = o;
959
- F = p, g && (V = fe(g) ? H.cloneElement(g, {
960
- className: G(
961
- m,
962
- g.props.className
963
- )
964
- }) : g);
965
- }
966
- return /* @__PURE__ */ f(ft, { ...F, children: V });
967
- };
968
- return t ? /* @__PURE__ */ J("label", { htmlFor: s && `${s}${be}`, children: [
969
- d !== "end" && c,
970
- " ",
971
- t,
972
- h(),
973
- d === "end" && /* @__PURE__ */ J(Ne, { children: [
974
- " ",
975
- c
976
- ] }),
977
- e ? e === !0 ? ":" : e : ""
978
- ] }) : null;
979
- }, $t = je.Row, We = je.Col, kt = ({
980
- prefixCls: s,
981
- help: e,
982
- errors: t,
983
- warnings: r
984
- }) => {
985
- const i = t.map((a, d) => {
986
- if (a)
987
- return /* @__PURE__ */ f("div", { role: "alert", children: a.message }, d);
988
- }), l = [];
989
- r.map((a, d) => {
990
- l.push(
991
- /* @__PURE__ */ f("div", { role: "alert", className: `${s}-message-help-warning`, children: a }, d)
992
- );
993
- });
994
- const n = !te(e) || !!l.length, o = n || !!i.length;
995
- return o && /* @__PURE__ */ f(
996
- mt,
997
- {
998
- in: o,
999
- appear: !0,
1000
- classNames: "formblink",
1001
- timeout: 300,
1002
- unmountOnExit: !0,
1003
- children: /* @__PURE__ */ f(
1004
- "div",
1005
- {
1006
- className: G(`${s}-message`, {
1007
- [`${s}-message-help`]: n
1008
- }),
1009
- children: te(e) ? /* @__PURE__ */ J(Ne, { children: [
1010
- i.length > 0 && i,
1011
- l.length > 0 && l
1012
- ] }) : e
1013
- }
1014
- )
1015
- }
1016
- );
1017
- }, Rt = (s, e) => {
1018
- var ve, ye, Ce;
1019
- const { getPrefixCls: t, prefixCls: r } = O(xe), i = O(Se), l = O(Ge), [n, o] = ce(null), [a, d] = ce(null), c = O(se), h = c.prefixCls || t("form"), m = s.layout || c.layout, F = s.labelAlign || c.labelAlign, V = L(!1), g = (x, I = {}) => {
1020
- if (V.current)
1021
- return;
1022
- const { errors: D, warnings: Z } = I || {};
1023
- o((Y) => {
1024
- const E = { ...Y || {} };
1025
- return D ? E[x] = D : delete E[x], E;
1026
- }), d((Y) => {
1027
- const E = { ...Y || {} };
1028
- return Z && Z.length ? E[x] = Z : delete E[x], E;
1029
- });
1030
- }, p = M(s.noStyle) && s.noStyle.showErrorTip && i.updateFormItem ? i.updateFormItem : g;
1031
- ie(() => (V.current = !1, () => {
1032
- V.current = !0, o(null), d(null);
1033
- }), []);
1034
- const v = {
1035
- ...c,
1036
- validateMessages: c.validateMessages && vt(c.validateMessages, {
1037
- label: s.label
1038
- }),
1039
- prefixCls: h,
1040
- updateFormItem: p,
1041
- disabled: "disabled" in s ? s.disabled : c.disabled
1042
- }, { label: y, extra: w, className: k, style: R, validateStatus: Q, hidden: ne, ...le } = s, he = G(`${h}-label-item`, {
1043
- [`${h}-label-item-left`]: F === "left"
1044
- }), oe = n ? Object.values(n) : [], X = a ? Object.values(a).reduce((x, I) => x.concat(I), []) : [], B = we(() => {
1045
- if (Q)
1046
- return Q;
1047
- if (oe.length)
1048
- return me.error;
1049
- if (X.length)
1050
- return me.warning;
1051
- }, [n, a, Q]), S = we(() => !te(s.help) || X.length > 0, [s.help, a]), W = G(
1052
- `${h}-item`,
1053
- {
1054
- [`${h}-item-error`]: S || !Q && B === me.error,
1055
- [`${h}-item-status-${B}`]: B,
1056
- [`${h}-item-has-help`]: S,
1057
- [`${h}-item-hidden`]: ne,
1058
- [`${h}-item-has-feedback`]: B && s.hasFeedback
1059
- },
1060
- `${h}-layout-${m}`,
1061
- k
1062
- ), C = () => {
1063
- var Z, Y;
1064
- const { field: x, children: I } = s, D = "disabled" in s ? s.disabled : c.disabled;
1065
- if (j(I)) {
1066
- const { key: E, ..._ } = s ?? {};
1067
- return /* @__PURE__ */ Ee(
1068
- z,
1069
- {
1070
- disabled: D,
1071
- ..._,
1072
- key: x || E,
1073
- _key: x || E
1074
- },
1075
- (...ge) => I(
1076
- ...ge
1077
- )
1078
- );
1079
- }
1080
- if (T(I)) {
1081
- const E = H.Children.map(I, (_, ge) => {
1082
- const Ie = M(_) && _.key || ge, Qe = M(_) && "disabled" in _.props, Xe = !te(D) && !Qe ? { key: Ie, disabled: D } : { key: Ie };
1083
- return M(_) ? Te(_, Xe) : _;
1084
- });
1085
- return /* @__PURE__ */ f(z, { ...s, field: void 0, children: E });
1086
- }
1087
- if (H.Children.count(I) == 1) {
1088
- if (x) {
1089
- const E = ((Z = l == null ? void 0 : l.getItemKey) == null ? void 0 : Z.call(l, x)) || x;
1090
- return /* @__PURE__ */ Ee(z, { disabled: D, ...s, key: E, _key: E }, I);
1091
- }
1092
- if (M(I)) {
1093
- if ((Y = I.type) != null && Y.isFormControl)
1094
- return I;
1095
- const _ = !("disabled" in I.props) && !te(D) ? { disabled: D } : null;
1096
- return /* @__PURE__ */ f(z, { ...s, field: void 0, children: _ ? Te(I, _) : I });
1097
- }
1098
- }
1099
- return I;
1100
- }, P = Se, q = {
1101
- ...c
1102
- };
1103
- return s.noStyle || (q.wrapperCol = void 0, q.labelCol = void 0), /* @__PURE__ */ f(se.Provider, { value: q, children: /* @__PURE__ */ f(P.Provider, { value: v, children: s.noStyle ? C() : /* @__PURE__ */ J(
1104
- $t,
1105
- {
1106
- ref: e,
1107
- ..._e(le, [
1108
- "tooltip",
1109
- "children",
1110
- "prefixCls",
1111
- "store",
1112
- "initialValue",
1113
- "field",
1114
- "labelCol",
1115
- "wrapperCol",
1116
- "colon",
1117
- "disabled",
1118
- "rules",
1119
- "trigger",
1120
- "triggerPropName",
1121
- "validateTrigger",
1122
- "noStyle",
1123
- "required",
1124
- "hasFeedback",
1125
- "help",
1126
- "normalize",
1127
- "formatter",
1128
- "getValueFromEvent",
1129
- "shouldUpdate",
1130
- "field",
1131
- "isInner",
1132
- "labelAlign",
1133
- "layout",
1134
- "requiredSymbol",
1135
- "isFormList"
1136
- ]),
1137
- className: W,
1138
- div: m !== "horizontal",
1139
- style: R,
1140
- children: [
1141
- y ? /* @__PURE__ */ f(
1142
- We,
1143
- {
1144
- ...s.labelCol || c.labelCol,
1145
- className: G(
1146
- he,
1147
- (ve = s.labelCol) == null ? void 0 : ve.className,
1148
- (ye = c.labelCol) == null ? void 0 : ye.className,
1149
- {
1150
- [`${h}-label-item-flex`]: !s.labelCol && !c.labelCol
1151
- }
1152
- ),
1153
- children: /* @__PURE__ */ f(
1154
- Tt,
1155
- {
1156
- tooltip: s.tooltip,
1157
- htmlFor: s.field && ((Ce = c == null ? void 0 : c.getFormElementId) == null ? void 0 : Ce.call(c, s.field)),
1158
- label: y,
1159
- prefix: r,
1160
- requiredSymbol: "requiredSymbol" in s ? s.requiredSymbol : c.requiredSymbol,
1161
- required: s.required,
1162
- rules: s.rules,
1163
- showColon: "colon" in s ? s.colon : c.colon
1164
- }
1165
- )
1166
- }
1167
- ) : null,
1168
- /* @__PURE__ */ J(
1169
- We,
1170
- {
1171
- className: G(`${h}-item-wrapper`, {
1172
- [`${h}-item-wrapper-flex`]: !s.wrapperCol && !c.wrapperCol
1173
- }),
1174
- ...s.wrapperCol || c.wrapperCol,
1175
- children: [
1176
- C(),
1177
- /* @__PURE__ */ f(
1178
- kt,
1179
- {
1180
- prefixCls: h,
1181
- help: s.help,
1182
- errors: oe,
1183
- warnings: X
1184
- }
1185
- ),
1186
- w && /* @__PURE__ */ f("div", { className: `${h}-extra`, children: w })
1187
- ]
1188
- }
1189
- )
1190
- ]
1191
- }
1192
- ) }) });
1193
- }, de = Ve(Rt);
1194
- de.defaultProps = {
1195
- trigger: "onChange",
1196
- triggerPropName: "value"
1197
- };
1198
- de.displayName = "FormItem";
1199
- const Pe = (s, e) => !te(s) && s >= 0 && s < e.length, He = (s) => {
1200
- const { field: e, children: t, initialValue: r } = s, i = L({
1201
- id: 0,
1202
- keys: []
1203
- }), l = "initialValue" in s ? { initialValue: r } : {}, n = i.current.keys;
1204
- return /* @__PURE__ */ f(
1205
- Ge.Provider,
1206
- {
1207
- value: {
1208
- getItemKey: (o) => {
1209
- const a = o == null ? void 0 : o.replace(/\[|\]/g, ".").split("."), d = a.indexOf(e), c = a[d + 1];
1210
- return `${e}_${n.indexOf(c)}_${a.slice(d + 2).join("_")}`;
1211
- }
1212
- },
1213
- children: /* @__PURE__ */ f(
1214
- de,
1215
- {
1216
- field: e,
1217
- ...l,
1218
- isFormList: !0,
1219
- rules: s.rules,
1220
- wrapperCol: { span: 24 },
1221
- noStyle: "noStyle" in s ? s.noStyle : !s.rules,
1222
- shouldUpdate: (o, a, d) => {
1223
- var c, h;
1224
- return !!(d && !d.isInner && ae(d.field, [e]) && ((c = $(o, e)) == null ? void 0 : c.length) !== ((h = $(a, e)) == null ? void 0 : h.length));
1225
- },
1226
- children: (o, a, { value: d, onChange: c }) => {
1227
- const h = d || [], m = function(g, p) {
1228
- var R;
1229
- if (ze(g)) {
1230
- re(
1231
- !0,
1232
- "Form.List: The event object cannot be used as a parameter of the add method"
1233
- );
1234
- return;
1235
- }
1236
- const v = ((R = a.getInnerMethods(!0)) == null ? void 0 : R.innerGetFieldValue(e)) || [], y = i.current.id;
1237
- i.current.id += 1;
1238
- const w = v;
1239
- let k = w;
1240
- p !== void 0 && p >= 0 && p <= w.length ? (n.splice(p, 0, y), k = [
1241
- ...w.slice(0, p),
1242
- g,
1243
- ...w.slice(p)
1244
- ]) : (n.push(y), k = [...w, g]), c(k, {
1245
- isFormList: !0,
1246
- ignore: g === void 0
1247
- });
1248
- }, F = function(g) {
1249
- var y;
1250
- const v = (((y = a.getInnerMethods(!0)) == null ? void 0 : y.innerGetFieldValue(e)) || []).filter((w, k) => k !== g);
1251
- n.splice(g, 1), c([...v], { isFormList: !0 });
1252
- }, V = function(g, p) {
1253
- var R;
1254
- const v = ((R = a.getInnerMethods(!0)) == null ? void 0 : R.innerGetFieldValue(e)) || [];
1255
- if (g === p || !Pe(g, v) || !Pe(p, v))
1256
- return;
1257
- const y = n[g];
1258
- n.splice(g, 1), n.splice(p, 0, y);
1259
- const w = v[g], k = [...v];
1260
- k.splice(g, 1), k.splice(p, 0, w), c(k, { isFormList: !0 });
1261
- };
1262
- return j(t) && t(
1263
- h.map((g, p) => {
1264
- let v = n[p];
1265
- return v === void 0 && (v = i.current.id, n.push(v), i.current.id += 1), {
1266
- ...g,
1267
- // 潘启宝添加 2024年 9月 5日 星期四 17时09分53秒 CST
1268
- field: `${e}[${p}]`,
1269
- key: v
1270
- };
1271
- }),
1272
- {
1273
- add: m,
1274
- remove: F,
1275
- move: V
1276
- }
1277
- );
1278
- }
1279
- }
1280
- )
1281
- }
1282
- );
1283
- };
1284
- He.displayName = "FormList";
1285
- const Wt = (s, e) => {
1286
- const t = L({}), r = ee((o, a) => (o && (t.current[o] = a), () => {
1287
- delete t.current[o];
1288
- }), []), i = ee(
1289
- (o, a) => {
1290
- var d;
1291
- (d = s.onFormSubmit) == null || d.call(s, o, a, {
1292
- forms: t.current
1293
- });
1294
- },
1295
- [s.onFormSubmit]
1296
- ), l = ee(
1297
- (o, a) => {
1298
- var d;
1299
- (d = s.onFormReset) == null || d.call(s, o, a, {
1300
- forms: t.current
1301
- });
1302
- },
1303
- [s.onFormReset]
1304
- ), n = ee(
1305
- (o, a) => {
1306
- var d;
1307
- (d = s.onFormValuesChange) == null || d.call(s, o, a, {
1308
- forms: t.current
1309
- });
1310
- },
1311
- [s.onFormValuesChange]
1312
- );
1313
- return /* @__PURE__ */ f(
1314
- qe.Provider,
1315
- {
1316
- value: {
1317
- onFormValuesChange: n,
1318
- onFormSubmit: i,
1319
- onFormReset: l,
1320
- register: r
1321
- },
1322
- children: s.children
1323
- }
1324
- );
1325
- }, Je = Ve(Wt);
1326
- Je.displayName = "FormProvider";
1327
- const Pt = () => {
1328
- const s = O(se), e = s.store, t = L(!1), r = pt(), i = ee(() => {
1329
- var o, a, d;
1330
- const { submitStatus: l } = ((d = (a = (o = e == null ? void 0 : e.getInnerMethods) == null ? void 0 : o.call(e, !0)) == null ? void 0 : a.innerGetStoreStatus) == null ? void 0 : d.call(a)) ?? {}, n = l === U.submitting;
1331
- n !== t.current && (t.current = n, r());
1332
- }, []);
1333
- return ie(() => {
1334
- var a;
1335
- if (!e) {
1336
- re(!0, "formInstance is not available");
1337
- return;
1338
- }
1339
- const { registerFormWatcher: l } = ((a = e == null ? void 0 : e.getInnerMethods) == null ? void 0 : a.call(e, !0)) ?? {}, n = () => i();
1340
- n();
1341
- const o = (l == null ? void 0 : l(n)) ?? {};
1342
- return () => {
1343
- o == null || o();
1344
- };
1345
- }, []), {
1346
- form: e,
1347
- disabled: s.disabled,
1348
- isSubmitting: t.current
1349
- };
1350
- }, Nt = (s, e) => {
1351
- const t = O(se), r = e || t.store, i = L(s);
1352
- i.current = s;
1353
- const l = ee(() => {
1354
- const d = i.current, c = r.getFieldsState([d]);
1355
- return c == null ? void 0 : c[d];
1356
- }, []), [n, o] = ce(l), a = L(n);
1357
- return ie(() => {
1358
- var m;
1359
- if (!r) {
1360
- re(!0, "formInstance is not available");
1361
- return;
1362
- }
1363
- const { registerStateWatcher: d } = ((m = r == null ? void 0 : r.getInnerMethods) == null ? void 0 : m.call(r, !0)) ?? {}, c = () => {
1364
- const F = l();
1365
- pe(a.current, F) || (o(F), a.current = F);
1366
- };
1367
- c();
1368
- const h = d == null ? void 0 : d(c);
1369
- return () => {
1370
- h == null || h();
1371
- };
1372
- }, []), n;
1373
- }, Mt = (s, e) => {
1374
- const t = O(se), r = e || t.store, [i, l] = ce(() => {
1375
- const a = r == null ? void 0 : r.getFieldsValue([].concat(s));
1376
- return St(s) ? $(a, s) : a;
1377
- }), n = L(s);
1378
- n.current = s;
1379
- const o = L(JSON.stringify(i));
1380
- return ie(() => {
1381
- var h;
1382
- if (!r) {
1383
- re(!0, "formInstance is not available");
1384
- return;
1385
- }
1386
- const { registerWatcher: a } = ((h = r == null ? void 0 : r.getInnerMethods) == null ? void 0 : h.call(r, !0)) ?? {}, d = () => {
1387
- const m = n.current, F = r.getFieldsValue([].concat(m));
1388
- let V = F;
1389
- T(m) || (V = $(F, m));
1390
- const g = JSON.stringify(V);
1391
- o.current !== g && (l(V), o.current = g);
1392
- };
1393
- d();
1394
- const c = a == null ? void 0 : a(d);
1395
- return () => {
1396
- c == null || c();
1397
- };
1398
- }, []), i;
1399
- }, A = Be;
1400
- A.Provider = Je;
1401
- A.Item = de;
1402
- A.List = He;
1403
- A.Control = z;
1404
- A.useForm = Ae;
1405
- A.useFormContext = Pt;
1406
- A.useWatch = Mt;
1407
- A.useFormState = Nt;
1
+ import "./form/Form.js";
2
+ import { default as e } from "./form/Control.js";
3
+ import { default as a } from "./form/FormItem.js";
4
+ import { default as s } from "./form/FormList.js";
5
+ import { default as d } from "./form/FormProvider.js";
6
+ import { default as p, useFormContext as x, useFormState as F, useWatch as i } from "./form/index.js";
7
+ import { default as C } from "./form/useForm.js";
1408
8
  export {
1409
- z as FormControl,
1410
- de as FormItem,
1411
- He as FormList,
1412
- Je as FormProvider,
1413
- A as default,
1414
- Ae as useForm,
1415
- Pt as useFormContext,
1416
- Nt as useFormState,
1417
- Mt as useWatch
9
+ e as FormControl,
10
+ a as FormItem,
11
+ s as FormList,
12
+ d as FormProvider,
13
+ p as default,
14
+ C as useForm,
15
+ x as useFormContext,
16
+ F as useFormState,
17
+ i as useWatch
1418
18
  };