@kdcloudjs/kdesign 1.6.34 → 1.6.35

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 (598) hide show
  1. package/dist/kdesign-complete.less +5 -0
  2. package/dist/kdesign.css +6 -1
  3. package/dist/kdesign.css.map +1 -1
  4. package/dist/kdesign.js +9170 -11861
  5. package/dist/kdesign.js.map +1 -1
  6. package/dist/kdesign.min.css +3 -3
  7. package/dist/kdesign.min.js +18 -18
  8. package/dist/kdesign.min.js.map +1 -1
  9. package/es/_utils/KeyCode.js +6 -119
  10. package/es/_utils/arrayUtil.js +0 -5
  11. package/es/_utils/devwarning.js +0 -1
  12. package/es/_utils/formatUtil.js +36 -99
  13. package/es/_utils/getStringLength.js +0 -2
  14. package/es/_utils/hooks.js +32 -72
  15. package/es/_utils/index.js +0 -2
  16. package/es/_utils/numberUtil.js +32 -55
  17. package/es/_utils/omit.js +0 -2
  18. package/es/_utils/raf.js +0 -6
  19. package/es/_utils/resizeObserver.js +2 -17
  20. package/es/_utils/testBrowserType.js +0 -2
  21. package/es/_utils/type.js +0 -2
  22. package/es/_utils/usePopper.js +84 -167
  23. package/es/alert/alert.js +20 -50
  24. package/es/anchor/anchor-link.js +12 -23
  25. package/es/anchor/anchor.js +69 -168
  26. package/es/avatar/avatar.js +29 -44
  27. package/es/badge/badge.js +33 -53
  28. package/es/base-data/base-data.js +89 -197
  29. package/es/button/button.js +30 -55
  30. package/es/button/group.js +27 -39
  31. package/es/card/card.js +19 -23
  32. package/es/carousel/carousel.js +31 -65
  33. package/es/carousel/displayList.js +2 -5
  34. package/es/carousel/fadeList.js +4 -7
  35. package/es/carousel/slideList.js +1 -7
  36. package/es/carousel/slidebar.js +5 -12
  37. package/es/cascader/cascader.js +56 -116
  38. package/es/cascader/util.js +10 -58
  39. package/es/checkbox/checkbox.js +22 -47
  40. package/es/checkbox/group.js +19 -35
  41. package/es/checkbox/style/index.css +2 -0
  42. package/es/checkbox/style/index.less +1 -0
  43. package/es/city-picker/city-group.js +5 -13
  44. package/es/city-picker/city-list.js +4 -9
  45. package/es/city-picker/city-panel-item.js +3 -8
  46. package/es/city-picker/city-panel.js +25 -50
  47. package/es/city-picker/city-picker.js +22 -46
  48. package/es/city-picker/city-search-panel.js +6 -13
  49. package/es/city-picker/no-data.js +3 -6
  50. package/es/city-picker/utils/grouping.js +0 -4
  51. package/es/collapse/collapse.js +17 -40
  52. package/es/collapse/panel.js +21 -44
  53. package/es/config-provider/SizeContext.js +1 -1
  54. package/es/config-provider/compDefaultProps.js +0 -1
  55. package/es/config-provider/configProvider.js +2 -7
  56. package/es/config-provider/defaultConfig.js +0 -1
  57. package/es/date-picker/calendar.js +12 -21
  58. package/es/date-picker/date-panel.js +20 -60
  59. package/es/date-picker/date-picker.js +145 -186
  60. package/es/date-picker/hooks/use-hover-value.js +5 -13
  61. package/es/date-picker/hooks/use-picker-input.js +17 -31
  62. package/es/date-picker/hooks/use-range-cls.js +8 -14
  63. package/es/date-picker/hooks/use-range-disabled.js +7 -21
  64. package/es/date-picker/hooks/use-range-view-dates.js +18 -39
  65. package/es/date-picker/hooks/use-state-memo.js +0 -2
  66. package/es/date-picker/hooks/use-text-value-mapping.js +6 -11
  67. package/es/date-picker/hooks/use-value-texts.js +0 -1
  68. package/es/date-picker/panel/date-time/date-time.js +7 -10
  69. package/es/date-picker/panel/header/header.js +9 -11
  70. package/es/date-picker/panel/month/month.js +11 -30
  71. package/es/date-picker/panel/quarter/quarter.js +8 -25
  72. package/es/date-picker/panel/time/time-column.js +8 -18
  73. package/es/date-picker/panel/time/time.js +62 -88
  74. package/es/date-picker/panel/week/week.js +25 -57
  75. package/es/date-picker/panel/year/year.js +19 -42
  76. package/es/date-picker/popper.js +28 -35
  77. package/es/date-picker/range/input-range.js +95 -129
  78. package/es/date-picker/range-picker.d.ts +1 -0
  79. package/es/date-picker/range-picker.js +196 -284
  80. package/es/date-picker/single/input-date.js +87 -111
  81. package/es/date-picker/utils/date-fns.js +32 -63
  82. package/es/date-picker/utils/get-extra-footer.js +0 -1
  83. package/es/date-picker/utils/get-ranges.js +13 -19
  84. package/es/date-picker/utils/index.js +9 -80
  85. package/es/drawer/drawer.js +50 -71
  86. package/es/dropdown/dropdown.js +26 -42
  87. package/es/dropdown/menu.d.ts +3 -2
  88. package/es/dropdown/menu.js +32 -43
  89. package/es/empty/defaultEmptyImg.js +2 -5
  90. package/es/empty/empty.js +15 -26
  91. package/es/empty/illustrationEmptyImg.js +2 -5
  92. package/es/filter/condition.js +5 -17
  93. package/es/filter/filter.js +29 -54
  94. package/es/filter/scheme.js +35 -71
  95. package/es/form/Field.js +36 -98
  96. package/es/form/FieldContext.js +0 -2
  97. package/es/form/FieldLabel.js +11 -17
  98. package/es/form/FieldWrapper.js +6 -9
  99. package/es/form/Form.js +28 -46
  100. package/es/form/FormContext.js +0 -4
  101. package/es/form/hooks/useForceUpdate.js +2 -5
  102. package/es/form/hooks/useForm.js +10 -84
  103. package/es/grid/col.js +23 -39
  104. package/es/grid/row.js +22 -36
  105. package/es/icon/icon.js +11 -29
  106. package/es/image/image.js +31 -49
  107. package/es/image/preview-group.js +25 -41
  108. package/es/image/preview.js +24 -39
  109. package/es/image-cropper/cropper.js +13 -23
  110. package/es/image-cropper/image-cropper.js +39 -69
  111. package/es/image-cropper/operation-bar.js +14 -27
  112. package/es/index.js +0 -2
  113. package/es/input/ClearableLabeledInput.js +27 -50
  114. package/es/input/TextArea.js +45 -86
  115. package/es/input/calculateNodeHeight.js +4 -16
  116. package/es/input/index.js +2 -2
  117. package/es/input/input.js +32 -67
  118. package/es/input-number/inputNumber.js +50 -109
  119. package/es/layout/layout.js +28 -49
  120. package/es/layout/sider.js +39 -73
  121. package/es/link/link.js +19 -33
  122. package/es/locale/locale.js +6 -44
  123. package/es/locale/zh-CN.js +0 -2
  124. package/es/menu/menu.js +29 -63
  125. package/es/menu/menuItem.js +27 -52
  126. package/es/menu/subMenu.js +44 -99
  127. package/es/menu/util.js +4 -13
  128. package/es/message/content.js +7 -23
  129. package/es/message/index.js +14 -26
  130. package/es/modal/confirm.js +3 -12
  131. package/es/modal/index.js +0 -4
  132. package/es/modal/modal.js +41 -63
  133. package/es/notification/content.js +13 -35
  134. package/es/notification/index.js +20 -35
  135. package/es/notification-base/index.js +4 -24
  136. package/es/notification-base/notice.js +12 -24
  137. package/es/notification-base/notification.js +3 -18
  138. package/es/pagination/pagination.js +76 -113
  139. package/es/popconfirm/popconfirm.js +22 -33
  140. package/es/progress/circle.js +9 -18
  141. package/es/progress/line.js +5 -9
  142. package/es/progress/progress.js +21 -44
  143. package/es/progress/utils.js +6 -22
  144. package/es/radio/group.js +19 -35
  145. package/es/radio/radio-button.js +6 -19
  146. package/es/radio/radio.js +19 -46
  147. package/es/rate/rate.js +30 -67
  148. package/es/search/option.js +10 -17
  149. package/es/search/quick-search.js +68 -155
  150. package/es/search/search-panel.js +28 -49
  151. package/es/search/search.js +23 -43
  152. package/es/select/interface.js +0 -1
  153. package/es/select/option.js +13 -25
  154. package/es/select/select.js +114 -221
  155. package/es/select/style/index.css +3 -0
  156. package/es/select/style/index.less +4 -0
  157. package/es/slider/marks.js +9 -15
  158. package/es/slider/slider.js +60 -104
  159. package/es/slider/sliderTooltip.js +9 -17
  160. package/es/slider/steps.js +8 -19
  161. package/es/slider/track.js +5 -8
  162. package/es/slider/utils.js +4 -14
  163. package/es/space/space.js +16 -34
  164. package/es/spin/spin.js +16 -32
  165. package/es/split-panel/split-panel.js +57 -83
  166. package/es/split-panel/trigger.js +8 -17
  167. package/es/stepper/stepper.js +27 -57
  168. package/es/steps/Step.js +18 -34
  169. package/es/steps/Steps.js +19 -38
  170. package/es/switch/switch.js +25 -43
  171. package/es/table/api.js +3 -37
  172. package/es/table/feature/autoRowSpan.js +0 -2
  173. package/es/table/feature/colGroupExtendable.js +0 -2
  174. package/es/table/feature/columnDrag.js +0 -2
  175. package/es/table/feature/columnResize.js +0 -2
  176. package/es/table/feature/contextMenu.js +0 -2
  177. package/es/table/feature/filter.js +0 -2
  178. package/es/table/feature/mergeCellHover.js +0 -2
  179. package/es/table/feature/rowDetail.js +0 -2
  180. package/es/table/feature/rowSelection.js +11 -21
  181. package/es/table/feature/sort.js +0 -2
  182. package/es/table/feature/treeMode.js +0 -2
  183. package/es/table/feature/useFooterDataSource.js +0 -2
  184. package/es/table/feature/useRangeSelection.js +0 -2
  185. package/es/table/table.js +36 -46
  186. package/es/tabs/active-line.js +6 -8
  187. package/es/tabs/arrow-button.js +5 -10
  188. package/es/tabs/index.js +2 -2
  189. package/es/tabs/tab-pane.js +7 -23
  190. package/es/tabs/tabs.js +42 -104
  191. package/es/tag/tag.js +34 -56
  192. package/es/timeline/Timeline.js +16 -33
  193. package/es/timeline/TimelineItem.js +15 -26
  194. package/es/tooltip/tooltip.js +7 -11
  195. package/es/transfer/list-body.js +12 -31
  196. package/es/transfer/list-item.js +10 -18
  197. package/es/transfer/list.js +35 -68
  198. package/es/transfer/operation.js +12 -14
  199. package/es/transfer/search.js +5 -11
  200. package/es/transfer/transfer.js +51 -100
  201. package/es/tree/tree.js +95 -156
  202. package/es/tree/treeHooks.js +18 -34
  203. package/es/tree/treeNode.js +57 -96
  204. package/es/tree/utils/treeUtils.js +22 -150
  205. package/es/typography/base.js +16 -33
  206. package/es/typography/index.js +2 -2
  207. package/es/typography/paragraph.js +0 -2
  208. package/es/typography/text.js +0 -2
  209. package/es/typography/title.js +3 -14
  210. package/es/typography/typography.js +14 -24
  211. package/es/upload/dragger.js +3 -12
  212. package/es/upload/request.js +6 -26
  213. package/es/upload/scan-files.js +2 -13
  214. package/es/upload/upload.js +63 -131
  215. package/es/upload/utils.js +0 -2
  216. package/es/upload/verify-file.js +0 -6
  217. package/es/view-container/view-container.js +7 -9
  218. package/es/virtual-list/Filler.js +3 -7
  219. package/es/virtual-list/utils/algorithmUtil.js +0 -13
  220. package/es/virtual-list/utils/itemUtil.js +18 -47
  221. package/es/virtual-list/virtual-list.js +64 -137
  222. package/lib/_utils/KeyCode.js +6 -120
  223. package/lib/_utils/arrayUtil.js +0 -9
  224. package/lib/_utils/devwarning.js +0 -5
  225. package/lib/_utils/formatUtil.js +36 -103
  226. package/lib/_utils/getStringLength.js +0 -3
  227. package/lib/_utils/hooks.js +32 -90
  228. package/lib/_utils/index.js +0 -6
  229. package/lib/_utils/numberUtil.js +32 -64
  230. package/lib/_utils/omit.js +0 -5
  231. package/lib/_utils/raf.js +0 -7
  232. package/lib/_utils/react-children.js +0 -5
  233. package/lib/_utils/reactNode.js +0 -9
  234. package/lib/_utils/resizeObserver.js +2 -25
  235. package/lib/_utils/testBrowserType.js +0 -3
  236. package/lib/_utils/type.js +0 -6
  237. package/lib/_utils/usePopper.js +84 -190
  238. package/lib/alert/alert.js +20 -74
  239. package/lib/alert/index.js +0 -3
  240. package/lib/alert/style/css.js +0 -1
  241. package/lib/alert/style/index.js +0 -1
  242. package/lib/anchor/anchor-link.js +12 -35
  243. package/lib/anchor/anchor.js +69 -204
  244. package/lib/anchor/context.js +0 -7
  245. package/lib/anchor/index.js +0 -4
  246. package/lib/anchor/style/css.js +0 -1
  247. package/lib/anchor/style/index.js +0 -1
  248. package/lib/avatar/avatar.js +29 -70
  249. package/lib/avatar/index.js +0 -9
  250. package/lib/avatar/style/css.js +0 -1
  251. package/lib/avatar/style/index.js +0 -1
  252. package/lib/badge/badge.js +33 -70
  253. package/lib/badge/index.js +0 -9
  254. package/lib/badge/style/css.js +0 -1
  255. package/lib/badge/style/index.js +0 -1
  256. package/lib/base-data/base-data.js +89 -218
  257. package/lib/base-data/index.js +0 -9
  258. package/lib/base-data/interface.js +0 -2
  259. package/lib/base-data/style/css.js +0 -1
  260. package/lib/base-data/style/index.js +0 -1
  261. package/lib/button/button.js +30 -72
  262. package/lib/button/group.js +27 -61
  263. package/lib/button/index.js +0 -4
  264. package/lib/button/style/css.js +0 -1
  265. package/lib/button/style/index.js +0 -1
  266. package/lib/card/card.js +19 -35
  267. package/lib/card/index.js +0 -9
  268. package/lib/card/style/css.js +0 -1
  269. package/lib/card/style/index.js +0 -1
  270. package/lib/carousel/carousel.js +31 -112
  271. package/lib/carousel/displayList.js +2 -14
  272. package/lib/carousel/fadeList.js +4 -16
  273. package/lib/carousel/index.js +0 -12
  274. package/lib/carousel/slideList.js +1 -14
  275. package/lib/carousel/slidebar.js +5 -22
  276. package/lib/carousel/style/css.js +0 -1
  277. package/lib/carousel/style/index.js +0 -1
  278. package/lib/cascader/cascader.js +56 -150
  279. package/lib/cascader/index.js +0 -9
  280. package/lib/cascader/style/css.js +0 -1
  281. package/lib/cascader/style/index.js +0 -1
  282. package/lib/cascader/util.js +10 -87
  283. package/lib/checkbox/checkbox.js +22 -69
  284. package/lib/checkbox/group.js +18 -59
  285. package/lib/checkbox/index.js +0 -9
  286. package/lib/checkbox/style/css.js +0 -1
  287. package/lib/checkbox/style/index.css +2 -0
  288. package/lib/checkbox/style/index.js +0 -1
  289. package/lib/checkbox/style/index.less +1 -0
  290. package/lib/city-picker/city-group.js +5 -24
  291. package/lib/city-picker/city-list.js +4 -21
  292. package/lib/city-picker/city-panel-item.js +3 -17
  293. package/lib/city-picker/city-panel.js +25 -64
  294. package/lib/city-picker/city-picker.js +22 -67
  295. package/lib/city-picker/city-search-panel.js +6 -25
  296. package/lib/city-picker/index.js +0 -9
  297. package/lib/city-picker/no-data.js +3 -15
  298. package/lib/city-picker/style/css.js +0 -1
  299. package/lib/city-picker/style/index.js +0 -1
  300. package/lib/city-picker/utils/grouping.js +0 -5
  301. package/lib/collapse/collapse.js +17 -62
  302. package/lib/collapse/index.js +0 -4
  303. package/lib/collapse/panel.js +21 -62
  304. package/lib/collapse/style/css.js +0 -1
  305. package/lib/collapse/style/index.js +0 -1
  306. package/lib/config-provider/ConfigContext.js +1 -4
  307. package/lib/config-provider/SizeContext.js +1 -6
  308. package/lib/config-provider/compDefaultProps.js +0 -8
  309. package/lib/config-provider/configProvider.js +3 -18
  310. package/lib/config-provider/defaultConfig.js +0 -5
  311. package/lib/config-provider/index.js +0 -6
  312. package/lib/date-picker/calendar.js +12 -35
  313. package/lib/date-picker/context.js +0 -7
  314. package/lib/date-picker/date-panel.js +20 -81
  315. package/lib/date-picker/date-picker.js +145 -214
  316. package/lib/date-picker/hooks/use-hover-value.js +5 -19
  317. package/lib/date-picker/hooks/use-picker-input.js +17 -37
  318. package/lib/date-picker/hooks/use-range-cls.js +8 -21
  319. package/lib/date-picker/hooks/use-range-disabled.js +7 -30
  320. package/lib/date-picker/hooks/use-range-view-dates.js +16 -49
  321. package/lib/date-picker/hooks/use-state-memo.js +0 -5
  322. package/lib/date-picker/hooks/use-text-value-mapping.js +6 -20
  323. package/lib/date-picker/hooks/use-value-texts.js +0 -5
  324. package/lib/date-picker/index.js +0 -4
  325. package/lib/date-picker/panel/date-time/date-time.js +7 -23
  326. package/lib/date-picker/panel/header/header.js +9 -21
  327. package/lib/date-picker/panel/month/month.js +11 -46
  328. package/lib/date-picker/panel/quarter/quarter.js +8 -40
  329. package/lib/date-picker/panel/time/time-column.js +8 -31
  330. package/lib/date-picker/panel/time/time.js +60 -106
  331. package/lib/date-picker/panel/week/week.js +25 -73
  332. package/lib/date-picker/panel/year/year.js +19 -56
  333. package/lib/date-picker/popper.js +28 -47
  334. package/lib/date-picker/range/input-range.js +95 -145
  335. package/lib/date-picker/range-picker.d.ts +1 -0
  336. package/lib/date-picker/range-picker.js +194 -324
  337. package/lib/date-picker/single/input-date.js +87 -127
  338. package/lib/date-picker/utils/date-fns.js +25 -136
  339. package/lib/date-picker/utils/get-extra-footer.js +0 -8
  340. package/lib/date-picker/utils/get-ranges.js +13 -24
  341. package/lib/date-picker/utils/index.js +9 -104
  342. package/lib/drawer/drawer.js +49 -95
  343. package/lib/drawer/index.js +0 -9
  344. package/lib/drawer/style/css.js +0 -1
  345. package/lib/drawer/style/index.js +0 -1
  346. package/lib/dropdown/dropdown.js +26 -56
  347. package/lib/dropdown/index.js +0 -9
  348. package/lib/dropdown/menu.d.ts +3 -2
  349. package/lib/dropdown/menu.js +29 -56
  350. package/lib/dropdown/style/css.js +0 -1
  351. package/lib/dropdown/style/index.js +0 -1
  352. package/lib/empty/defaultEmptyImg.js +2 -14
  353. package/lib/empty/empty.js +15 -42
  354. package/lib/empty/illustrationEmptyImg.js +2 -14
  355. package/lib/empty/index.js +0 -9
  356. package/lib/empty/style/css.js +0 -1
  357. package/lib/empty/style/index.js +0 -1
  358. package/lib/filter/condition.js +5 -28
  359. package/lib/filter/filter.js +29 -73
  360. package/lib/filter/index.js +0 -9
  361. package/lib/filter/scheme.js +35 -82
  362. package/lib/filter/style/css.js +0 -1
  363. package/lib/filter/style/index.js +0 -1
  364. package/lib/form/Field.js +36 -127
  365. package/lib/form/FieldContext.js +0 -6
  366. package/lib/form/FieldLabel.js +11 -29
  367. package/lib/form/FieldWrapper.js +6 -19
  368. package/lib/form/Form.js +28 -65
  369. package/lib/form/FormContext.js +0 -11
  370. package/lib/form/hooks/useForceUpdate.js +2 -9
  371. package/lib/form/hooks/useForm.js +10 -98
  372. package/lib/form/index.js +0 -12
  373. package/lib/form/style/css.js +0 -1
  374. package/lib/form/style/index.js +0 -1
  375. package/lib/grid/col.js +23 -51
  376. package/lib/grid/index.js +0 -3
  377. package/lib/grid/row.js +22 -49
  378. package/lib/grid/style/css.js +0 -1
  379. package/lib/grid/style/index.js +0 -1
  380. package/lib/icon/icon.js +11 -44
  381. package/lib/icon/index.js +0 -9
  382. package/lib/icon/interface.js +0 -6
  383. package/lib/icon/style/css.js +0 -1
  384. package/lib/icon/style/index.js +0 -1
  385. package/lib/image/image.js +31 -64
  386. package/lib/image/index.js +0 -9
  387. package/lib/image/preview-group.js +25 -54
  388. package/lib/image/preview.js +24 -57
  389. package/lib/image/style/css.js +0 -1
  390. package/lib/image/style/index.js +0 -1
  391. package/lib/image-cropper/cropper.js +11 -33
  392. package/lib/image-cropper/image-cropper.js +39 -89
  393. package/lib/image-cropper/index.js +0 -3
  394. package/lib/image-cropper/operation-bar.js +14 -44
  395. package/lib/image-cropper/style/css.js +0 -1
  396. package/lib/image-cropper/style/index.js +0 -1
  397. package/lib/index.js +2 -64
  398. package/lib/input/ClearableLabeledInput.js +27 -65
  399. package/lib/input/TextArea.js +45 -108
  400. package/lib/input/calculateNodeHeight.js +4 -23
  401. package/lib/input/index.js +0 -9
  402. package/lib/input/input.js +32 -87
  403. package/lib/input-number/index.js +0 -3
  404. package/lib/input-number/inputNumber.js +50 -129
  405. package/lib/input-number/style/css.js +0 -1
  406. package/lib/input-number/style/index.js +0 -1
  407. package/lib/layout/index.js +0 -9
  408. package/lib/layout/layout.js +28 -64
  409. package/lib/layout/sider.js +39 -89
  410. package/lib/layout/style/css.js +0 -1
  411. package/lib/layout/style/index.js +0 -1
  412. package/lib/link/index.js +0 -9
  413. package/lib/link/link.js +19 -50
  414. package/lib/link/style/css.js +0 -1
  415. package/lib/link/style/index.js +0 -1
  416. package/lib/locale/index.js +0 -7
  417. package/lib/locale/locale.js +6 -58
  418. package/lib/locale/zh-CN.js +0 -4
  419. package/lib/menu/index.js +0 -9
  420. package/lib/menu/menu.js +29 -83
  421. package/lib/menu/menuItem.js +27 -69
  422. package/lib/menu/style/css.js +0 -1
  423. package/lib/menu/style/index.js +0 -1
  424. package/lib/menu/subMenu.js +44 -122
  425. package/lib/menu/util.js +4 -28
  426. package/lib/message/content.js +7 -32
  427. package/lib/message/index.js +14 -33
  428. package/lib/message/style/css.js +0 -1
  429. package/lib/message/style/index.js +0 -1
  430. package/lib/modal/confirm.js +3 -21
  431. package/lib/modal/index.js +0 -14
  432. package/lib/modal/modal.js +41 -86
  433. package/lib/modal/style/css.js +0 -1
  434. package/lib/modal/style/index.js +0 -1
  435. package/lib/notification/content.js +15 -48
  436. package/lib/notification/index.js +20 -42
  437. package/lib/notification/style/css.js +0 -1
  438. package/lib/notification/style/index.js +0 -1
  439. package/lib/notification-base/index.js +4 -31
  440. package/lib/notification-base/notice.js +12 -38
  441. package/lib/notification-base/notification.js +3 -31
  442. package/lib/pagination/index.js +0 -3
  443. package/lib/pagination/pagination.js +76 -137
  444. package/lib/pagination/style/css.js +0 -1
  445. package/lib/pagination/style/index.js +0 -1
  446. package/lib/popconfirm/index.js +0 -9
  447. package/lib/popconfirm/popconfirm.js +22 -46
  448. package/lib/popconfirm/style/css.js +0 -1
  449. package/lib/popconfirm/style/index.js +0 -1
  450. package/lib/progress/circle.js +9 -25
  451. package/lib/progress/index.js +0 -3
  452. package/lib/progress/line.js +5 -11
  453. package/lib/progress/progress.js +21 -64
  454. package/lib/progress/style/css.js +0 -1
  455. package/lib/progress/style/index.js +0 -1
  456. package/lib/progress/utils.js +6 -30
  457. package/lib/radio/context.js +0 -7
  458. package/lib/radio/group.js +19 -53
  459. package/lib/radio/index.js +0 -5
  460. package/lib/radio/radio-button.js +6 -32
  461. package/lib/radio/radio.js +19 -66
  462. package/lib/radio/style/css.js +0 -1
  463. package/lib/radio/style/index.js +0 -1
  464. package/lib/rate/index.js +0 -3
  465. package/lib/rate/rate.js +30 -82
  466. package/lib/rate/style/css.js +0 -1
  467. package/lib/rate/style/index.js +0 -1
  468. package/lib/search/index.js +0 -7
  469. package/lib/search/interface.js +0 -2
  470. package/lib/search/option.js +10 -29
  471. package/lib/search/quick-search.js +68 -171
  472. package/lib/search/search-panel.js +28 -66
  473. package/lib/search/search.js +23 -63
  474. package/lib/search/style/css.js +0 -1
  475. package/lib/search/style/index.js +0 -1
  476. package/lib/select/index.js +0 -4
  477. package/lib/select/interface.js +0 -3
  478. package/lib/select/option.js +13 -40
  479. package/lib/select/select.js +114 -234
  480. package/lib/select/style/index.css +3 -0
  481. package/lib/select/style/index.less +4 -0
  482. package/lib/slider/index.js +0 -9
  483. package/lib/slider/marks.js +9 -22
  484. package/lib/slider/slider.js +58 -123
  485. package/lib/slider/sliderTooltip.js +9 -30
  486. package/lib/slider/steps.js +8 -24
  487. package/lib/slider/style/css.js +0 -1
  488. package/lib/slider/style/index.js +0 -1
  489. package/lib/slider/track.js +5 -11
  490. package/lib/slider/utils.js +4 -21
  491. package/lib/space/index.js +0 -9
  492. package/lib/space/space.js +16 -50
  493. package/lib/space/style/css.js +0 -1
  494. package/lib/space/style/index.js +0 -1
  495. package/lib/spin/index.js +0 -9
  496. package/lib/spin/spin.js +16 -50
  497. package/lib/spin/style/css.js +0 -1
  498. package/lib/spin/style/index.js +0 -1
  499. package/lib/split-panel/index.js +0 -9
  500. package/lib/split-panel/split-panel.js +57 -101
  501. package/lib/split-panel/style/css.js +0 -1
  502. package/lib/split-panel/style/index.js +0 -1
  503. package/lib/split-panel/trigger.js +8 -23
  504. package/lib/stepper/index.js +0 -9
  505. package/lib/stepper/stepper.js +27 -81
  506. package/lib/stepper/style/css.js +0 -1
  507. package/lib/stepper/style/index.js +0 -1
  508. package/lib/steps/Step.js +18 -40
  509. package/lib/steps/Steps.js +19 -55
  510. package/lib/steps/index.js +0 -5
  511. package/lib/steps/interface.js +0 -2
  512. package/lib/steps/style/css.js +0 -1
  513. package/lib/steps/style/index.js +0 -1
  514. package/lib/switch/index.js +0 -3
  515. package/lib/switch/style/css.js +0 -1
  516. package/lib/switch/style/index.js +0 -1
  517. package/lib/switch/switch.js +23 -59
  518. package/lib/table/api.js +3 -39
  519. package/lib/table/feature/autoRowSpan.js +0 -3
  520. package/lib/table/feature/colGroupExtendable.js +0 -3
  521. package/lib/table/feature/columnDrag.js +0 -3
  522. package/lib/table/feature/columnResize.js +0 -3
  523. package/lib/table/feature/contextMenu.js +0 -3
  524. package/lib/table/feature/filter.js +0 -6
  525. package/lib/table/feature/mergeCellHover.js +0 -3
  526. package/lib/table/feature/rowDetail.js +0 -5
  527. package/lib/table/feature/rowSelection.js +11 -24
  528. package/lib/table/feature/sort.js +0 -6
  529. package/lib/table/feature/treeMode.js +0 -5
  530. package/lib/table/feature/useFooterDataSource.js +0 -3
  531. package/lib/table/feature/useRangeSelection.js +0 -5
  532. package/lib/table/index.js +0 -3
  533. package/lib/table/style/css.js +0 -1
  534. package/lib/table/style/index.js +0 -1
  535. package/lib/table/table.js +36 -78
  536. package/lib/tabs/active-line.js +6 -17
  537. package/lib/tabs/arrow-button.js +5 -23
  538. package/lib/tabs/context.js +0 -7
  539. package/lib/tabs/index.js +2 -6
  540. package/lib/tabs/style/css.js +0 -1
  541. package/lib/tabs/style/index.js +0 -1
  542. package/lib/tabs/tab-pane.js +7 -38
  543. package/lib/tabs/tabs.js +42 -135
  544. package/lib/tag/index.js +0 -9
  545. package/lib/tag/style/css.js +0 -1
  546. package/lib/tag/style/index.js +0 -1
  547. package/lib/tag/tag.js +34 -74
  548. package/lib/timeline/Timeline.js +16 -45
  549. package/lib/timeline/TimelineItem.js +15 -39
  550. package/lib/timeline/index.js +0 -3
  551. package/lib/timeline/style/css.js +0 -1
  552. package/lib/timeline/style/index.js +0 -1
  553. package/lib/tooltip/index.js +0 -9
  554. package/lib/tooltip/style/css.js +0 -1
  555. package/lib/tooltip/style/index.js +0 -1
  556. package/lib/tooltip/tooltip.js +7 -24
  557. package/lib/transfer/index.js +0 -3
  558. package/lib/transfer/list-body.js +12 -48
  559. package/lib/transfer/list-item.js +10 -27
  560. package/lib/transfer/list.js +35 -89
  561. package/lib/transfer/operation.js +12 -18
  562. package/lib/transfer/search.js +5 -16
  563. package/lib/transfer/style/css.js +0 -1
  564. package/lib/transfer/style/index.js +0 -1
  565. package/lib/transfer/transfer.js +51 -122
  566. package/lib/tree/index.js +0 -11
  567. package/lib/tree/style/css.js +0 -1
  568. package/lib/tree/style/index.js +0 -1
  569. package/lib/tree/tree.js +95 -196
  570. package/lib/tree/treeHooks.js +18 -64
  571. package/lib/tree/treeNode.js +57 -126
  572. package/lib/tree/utils/treeUtils.js +22 -193
  573. package/lib/typography/base.js +16 -53
  574. package/lib/typography/index.js +2 -8
  575. package/lib/typography/paragraph.js +0 -11
  576. package/lib/typography/style/css.js +0 -1
  577. package/lib/typography/style/index.js +0 -1
  578. package/lib/typography/text.js +0 -6
  579. package/lib/typography/title.js +3 -21
  580. package/lib/typography/typography.js +12 -35
  581. package/lib/upload/dragger.js +3 -21
  582. package/lib/upload/index.js +0 -11
  583. package/lib/upload/request.js +6 -27
  584. package/lib/upload/scan-files.js +2 -15
  585. package/lib/upload/style/css.js +0 -1
  586. package/lib/upload/style/index.js +0 -1
  587. package/lib/upload/upload.js +63 -151
  588. package/lib/upload/utils.js +0 -6
  589. package/lib/upload/verify-file.js +0 -9
  590. package/lib/view-container/context.js +0 -7
  591. package/lib/view-container/index.js +0 -3
  592. package/lib/view-container/view-container.js +7 -21
  593. package/lib/virtual-list/Filler.js +3 -15
  594. package/lib/virtual-list/index.js +0 -9
  595. package/lib/virtual-list/utils/algorithmUtil.js +0 -15
  596. package/lib/virtual-list/utils/itemUtil.js +18 -60
  597. package/lib/virtual-list/virtual-list.js +63 -158
  598. package/package.json +3 -2
package/es/modal/modal.js CHANGED
@@ -17,89 +17,76 @@ import { getLangMsg } from '../locale/locale';
17
17
  import { useHideDocumentScrollBar } from '../_utils/hooks';
18
18
  export var ConfirmModalTypes = ['confirm', 'normal'];
19
19
  export var ModalTypes = tuple('confirm', 'warning', 'error', 'normal');
20
-
21
20
  var Modal = function Modal(props) {
22
21
  var _classNames3, _classNames4, _context2, _context3;
23
-
24
22
  var _useContext = useContext(ConfigContext),
25
- getPrefixCls = _useContext.getPrefixCls,
26
- prefixCls = _useContext.prefixCls,
27
- userDefaultProps = _useContext.compDefaultProps;
28
-
23
+ getPrefixCls = _useContext.getPrefixCls,
24
+ prefixCls = _useContext.prefixCls,
25
+ userDefaultProps = _useContext.compDefaultProps;
29
26
  var modalProps = getCompProps('Modal', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
30
-
31
27
  var body = modalProps.body,
32
- bodyClassName = modalProps.bodyClassName,
33
- bodyStyle = modalProps.bodyStyle,
34
- cancelButtonProps = modalProps.cancelButtonProps,
35
- cancelText = modalProps.cancelText,
36
- className = modalProps.className,
37
- closable = modalProps.closable,
38
- closeIcon = modalProps.closeIcon,
39
- destroyOnClose = modalProps.destroyOnClose,
40
- draggable = modalProps.draggable,
41
- focusTriggerAfterClose = modalProps.focusTriggerAfterClose,
42
- footer = modalProps.footer,
43
- footerClassName = modalProps.footerClassName,
44
- footerStyle = modalProps.footerStyle,
45
- footerBtnOrder = modalProps.footerBtnOrder,
46
- getContainer = modalProps.getContainer,
47
- height = modalProps.height,
48
- keyboard = modalProps.keyboard,
49
- mask = modalProps.mask,
50
- maskClosable = modalProps.maskClosable,
51
- maskStyle = modalProps.maskStyle,
52
- okButtonProps = modalProps.okButtonProps,
53
- okText = modalProps.okText,
54
- onCancel = modalProps.onCancel,
55
- onOk = modalProps.onOk,
56
- customPrefixcls = modalProps.prefixCls,
57
- title = modalProps.title,
58
- titleIcon = modalProps.titleIcon,
59
- type = modalProps.type,
60
- visible = modalProps.visible,
61
- width = modalProps.width,
62
- showline = modalProps.showline;
28
+ bodyClassName = modalProps.bodyClassName,
29
+ bodyStyle = modalProps.bodyStyle,
30
+ cancelButtonProps = modalProps.cancelButtonProps,
31
+ cancelText = modalProps.cancelText,
32
+ className = modalProps.className,
33
+ closable = modalProps.closable,
34
+ closeIcon = modalProps.closeIcon,
35
+ destroyOnClose = modalProps.destroyOnClose,
36
+ draggable = modalProps.draggable,
37
+ focusTriggerAfterClose = modalProps.focusTriggerAfterClose,
38
+ footer = modalProps.footer,
39
+ footerClassName = modalProps.footerClassName,
40
+ footerStyle = modalProps.footerStyle,
41
+ footerBtnOrder = modalProps.footerBtnOrder,
42
+ getContainer = modalProps.getContainer,
43
+ height = modalProps.height,
44
+ keyboard = modalProps.keyboard,
45
+ mask = modalProps.mask,
46
+ maskClosable = modalProps.maskClosable,
47
+ maskStyle = modalProps.maskStyle,
48
+ okButtonProps = modalProps.okButtonProps,
49
+ okText = modalProps.okText,
50
+ onCancel = modalProps.onCancel,
51
+ onOk = modalProps.onOk,
52
+ customPrefixcls = modalProps.prefixCls,
53
+ title = modalProps.title,
54
+ titleIcon = modalProps.titleIcon,
55
+ type = modalProps.type,
56
+ visible = modalProps.visible,
57
+ width = modalProps.width,
58
+ showline = modalProps.showline;
63
59
  var isForceController = visible !== undefined;
64
-
65
60
  var _useState = useState(isForceController ? visible : true),
66
- _useState2 = _slicedToArray(_useState, 2),
67
- innerVisible = _useState2[0],
68
- setInnerVisible = _useState2[1]; // 需要根据visible来判断,不能一开始为true再去设置false
69
-
70
-
61
+ _useState2 = _slicedToArray(_useState, 2),
62
+ innerVisible = _useState2[0],
63
+ setInnerVisible = _useState2[1]; // 需要根据visible来判断,不能一开始为true再去设置false
71
64
  var previousActiveElement = useRef(null);
72
65
  var containerRef = useRef(null);
73
66
  var modalPrefixCls = getPrefixCls(prefixCls, 'modal', customPrefixcls);
74
67
  devWarning(ModalTypes.indexOf(type) === -1, 'modal', "cannot found modal type '".concat(type, "'"));
75
68
  var modalContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
76
-
77
69
  if (modalContainer !== false && !(modalContainer instanceof HTMLElement)) {
78
70
  try {
79
71
  modalContainer = document.querySelector(modalContainer);
80
72
  } catch (error) {
81
73
  devWarning(true, 'modal', 'getContainer"s returnValue/value is not a correct CSSSelector');
82
74
  }
83
-
84
75
  modalContainer = document.body;
85
76
  }
86
-
87
77
  useHideDocumentScrollBar(isForceController ? !!visible : !!innerVisible, modalContainer === document.body, !!mask);
88
78
  var closeModal = useCallback(function () {
89
79
  setInnerVisible(false);
90
80
  }, []);
91
81
  var proxyCloseModal = useCallback(function (onDoingAction, event) {
92
82
  onDoingAction && onDoingAction(event);
93
-
94
83
  if (isForceController) {
95
84
  return;
96
85
  }
97
-
98
86
  closeModal();
99
87
  }, [isForceController, closeModal]);
100
88
  var escapeToCloseModal = useCallback(function (evt) {
101
89
  var _context;
102
-
103
90
  // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
104
91
  if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
105
92
  proxyCloseModal(onCancel);
@@ -107,15 +94,13 @@ var Modal = function Modal(props) {
107
94
  }, [proxyCloseModal, onCancel]);
108
95
  var enterToCloseModal = useCallback(function (evt) {
109
96
  if (evt.key === 'Enter' && evt.target === containerRef.current) {
110
- proxyCloseModal(onOk); // 无效
97
+ proxyCloseModal(onOk);
98
+ // 无效
111
99
  // evt.stopPropagation()
112
100
  }
113
101
  }, [proxyCloseModal, onOk]);
114
-
115
102
  var isConfirmType = _includesInstanceProperty(ConfirmModalTypes).call(ConfirmModalTypes, type);
116
-
117
103
  var isNormalBtn = !footerBtnOrder || footerBtnOrder === 'normal';
118
-
119
104
  var finalCancelButtonProps = _extends({
120
105
  onClick: useCallback(function (event) {
121
106
  proxyCloseModal(onCancel, event);
@@ -123,7 +108,6 @@ var Modal = function Modal(props) {
123
108
  type: 'second',
124
109
  className: classNames("".concat(modalPrefixCls, "-cancel-btn"), _defineProperty({}, "".concat(modalPrefixCls, "-margin-btn"), isConfirmType && isNormalBtn))
125
110
  }, cancelButtonProps);
126
-
127
111
  var finalOkButtonProps = _extends({
128
112
  onClick: useCallback(function (event) {
129
113
  proxyCloseModal(onOk, event);
@@ -131,10 +115,8 @@ var Modal = function Modal(props) {
131
115
  type: _includesInstanceProperty(ConfirmModalTypes).call(ConfirmModalTypes, type) ? 'primary' : 'second',
132
116
  className: classNames("".concat(modalPrefixCls, "-ok-btn"), _defineProperty({}, "".concat(modalPrefixCls, "-margin-btn"), isConfirmType && !isNormalBtn))
133
117
  }, okButtonProps);
134
-
135
118
  var generatorFooterByType = useCallback(function () {
136
119
  var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confirm';
137
-
138
120
  switch (type) {
139
121
  case 'error':
140
122
  case 'warning':
@@ -143,7 +125,6 @@ var Modal = function Modal(props) {
143
125
  className: "".concat(modalPrefixCls, "-iknow-node")
144
126
  }, /*#__PURE__*/React.createElement(Button, _extends({}, finalOkButtonProps), okText || getLangMsg('Modal', 'iknowText')));
145
127
  }
146
-
147
128
  case 'confirm':
148
129
  case 'normal':
149
130
  default:
@@ -166,7 +147,6 @@ var Modal = function Modal(props) {
166
147
  // 不控制时, 只有下面该条件成立获取焦点
167
148
  focusTriggerAfterClose && !previousActiveElement.current && (previousActiveElement.current = document.activeElement);
168
149
  }
169
-
170
150
  return function () {
171
151
  if (focusTriggerAfterClose && previousActiveElement.current) {
172
152
  // 这里可能有种情况,如果回车触发弹窗,由于回车又可以关闭弹窗,会导致连续触发回车
@@ -180,7 +160,6 @@ var Modal = function Modal(props) {
180
160
  if (keyboard) {
181
161
  document.body.addEventListener('keydown', escapeToCloseModal);
182
162
  }
183
-
184
163
  return function () {
185
164
  document.body.removeEventListener('keydown', escapeToCloseModal);
186
165
  };
@@ -225,9 +204,9 @@ var Modal = function Modal(props) {
225
204
  style: _extends({
226
205
  flexDirection: !footer && (!footerBtnOrder || footerBtnOrder === 'normal') ? 'row' : 'row-reverse'
227
206
  }, footerStyle || {})
228
- }, footer || generatorFooterByType(type))); // 没有容器应该是不用居中的
207
+ }, footer || generatorFooterByType(type)));
208
+ // 没有容器应该是不用居中的
229
209
  // 但仍可拖拽
230
-
231
210
  var defaultPosition = modalContainer ? {
232
211
  x: -(width / 2),
233
212
  y: -(height / 2)
@@ -251,6 +230,5 @@ var Modal = function Modal(props) {
251
230
  if (modalContainer && renderComp) return /*#__PURE__*/ReactDOM.createPortal(renderComp, modalContainer);
252
231
  return renderComp || null;
253
232
  };
254
-
255
233
  Modal.displayName = 'Modal';
256
234
  export default Modal;
@@ -1,29 +1,25 @@
1
+ import _typeof from "@babel/runtime-corejs3/helpers/typeof";
1
2
  import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
2
3
  import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
3
4
  import React, { useContext } from 'react';
4
5
  import { ConfigContext } from '../config-provider';
5
6
  import Icon from '../icon';
6
7
  import classNames from 'classnames';
7
-
8
8
  var Content = function Content(args) {
9
9
  var _context;
10
-
11
10
  var title = args.title,
12
- footer = args.footer,
13
- content = args.content,
14
- closable = args.closable,
15
- suffixCls = args.suffixCls,
16
- contentClose = args.contentClose,
17
- showIcon = args.showIcon,
18
- type = args.type,
19
- icon = args.icon,
20
- closeNode = args.closeNode;
21
-
11
+ footer = args.footer,
12
+ content = args.content,
13
+ closable = args.closable,
14
+ suffixCls = args.suffixCls,
15
+ contentClose = args.contentClose,
16
+ showIcon = args.showIcon,
17
+ type = args.type,
18
+ icon = args.icon,
19
+ closeNode = args.closeNode;
22
20
  var _useContext = useContext(ConfigContext),
23
- prefixCls = _useContext.prefixCls;
24
-
21
+ prefixCls = _useContext.prefixCls;
25
22
  var classPrefix = _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, suffixCls, "-content");
26
-
27
23
  var iconMap = {
28
24
  info: /*#__PURE__*/React.createElement(Icon, {
29
25
  type: "warning-solid"
@@ -32,7 +28,6 @@ var Content = function Content(args) {
32
28
  type: "warning-solid"
33
29
  })
34
30
  };
35
-
36
31
  var renderIcon = function renderIcon() {
37
32
  if (icon) return /*#__PURE__*/React.createElement("div", {
38
33
  className: classNames("".concat(classPrefix, "-title-left-icon"))
@@ -42,17 +37,14 @@ var Content = function Content(args) {
42
37
  className: classNames("".concat(classPrefix, "-title-left-icon"))
43
38
  }, iconMap[type]) : null;
44
39
  };
45
-
46
40
  var renderCloseIcon = function renderCloseIcon() {
47
41
  if (!closable) return null;
48
-
49
42
  if (closeNode) {
50
43
  return /*#__PURE__*/React.createElement("div", {
51
44
  className: "".concat(classPrefix, "-title-close"),
52
45
  onClick: contentClose
53
46
  }, closeNode);
54
47
  }
55
-
56
48
  return /*#__PURE__*/React.createElement("div", {
57
49
  className: "".concat(classPrefix, "-title-close"),
58
50
  onClick: contentClose
@@ -60,16 +52,13 @@ var Content = function Content(args) {
60
52
  type: "close"
61
53
  }));
62
54
  };
63
-
64
55
  var getTitleElement = function getTitleElement() {
65
- if (typeof title === null) {
56
+ if (_typeof(title) === null) {
66
57
  return null;
67
58
  }
68
-
69
59
  if ( /*#__PURE__*/React.isValidElement(title)) {
70
60
  return title;
71
61
  }
72
-
73
62
  return /*#__PURE__*/React.createElement("div", {
74
63
  className: classNames("".concat(classPrefix, "-title"))
75
64
  }, /*#__PURE__*/React.createElement("div", {
@@ -78,20 +67,17 @@ var Content = function Content(args) {
78
67
  className: classNames("".concat(classPrefix, "-title-left-text"))
79
68
  }, title)), renderCloseIcon());
80
69
  };
81
-
82
70
  var getFooterElement = function getFooterElement() {
83
71
  if ( /*#__PURE__*/React.isValidElement(footer)) {
84
72
  return footer;
85
73
  }
86
-
87
74
  if (Array.isArray(footer)) {
88
75
  var arr = footer;
89
76
  return /*#__PURE__*/React.createElement("div", {
90
77
  className: classNames("".concat(classPrefix, "-footer"))
91
78
  }, _mapInstanceProperty(arr).call(arr, function (_ref) {
92
79
  var name = _ref.name,
93
- _onClick = _ref.onClick;
94
-
80
+ _onClick = _ref.onClick;
95
81
  if (name) {
96
82
  return /*#__PURE__*/React.createElement("div", {
97
83
  key: name,
@@ -99,34 +85,26 @@ var Content = function Content(args) {
99
85
  if (e) {
100
86
  e.stopPropagation();
101
87
  }
102
-
103
88
  _onClick && _onClick();
104
89
  }
105
90
  }, /*#__PURE__*/React.createElement("div", null, name));
106
91
  }
107
-
108
92
  return null;
109
93
  }));
110
94
  }
111
-
112
95
  return null;
113
96
  };
114
-
115
97
  var getMainElement = function getMainElement() {
116
98
  if (typeof content === 'string') {
117
99
  return /*#__PURE__*/React.createElement("div", {
118
100
  className: classNames("".concat(classPrefix, "-description"))
119
101
  }, content);
120
102
  }
121
-
122
103
  if ( /*#__PURE__*/React.isValidElement(content)) {
123
104
  return content;
124
105
  }
125
-
126
106
  return null;
127
107
  };
128
-
129
108
  return /*#__PURE__*/React.createElement(React.Fragment, null, getTitleElement(), getMainElement(), getFooterElement());
130
109
  };
131
-
132
110
  export default Content;
@@ -11,38 +11,34 @@ var defaultShowIcon = false;
11
11
  var defaultSuffixCls = 'notice';
12
12
  var defaultType = 'primary';
13
13
  var defaultTitle = '系统提示'; // 'notice'
14
-
15
14
  var notificationElements = {};
16
15
  var notificationKey = 1;
17
-
18
16
  var getNotificationProps = function getNotificationProps(args) {
19
17
  var _args$placement = args.placement,
20
- placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
21
- _args$duration = args.duration,
22
- duration = _args$duration === void 0 ? defaultDuration : _args$duration,
23
- key = args.key,
24
- className = args.className,
25
- _args$style = args.style,
26
- style = _args$style === void 0 ? defaultStyle : _args$style,
27
- _args$type = args.type,
28
- type = _args$type === void 0 ? defaultType : _args$type,
29
- onClose = args.onClose,
30
- _args$closable = args.closable,
31
- closable = _args$closable === void 0 ? defaultClosable : _args$closable,
32
- _args$title = args.title,
33
- title = _args$title === void 0 ? defaultTitle : _args$title,
34
- footer = args.footer,
35
- content = args.content,
36
- icon = args.icon,
37
- closeNode = args.closeNode,
38
- _args$showIcon = args.showIcon,
39
- showIcon = _args$showIcon === void 0 ? defaultShowIcon : _args$showIcon;
40
-
18
+ placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
19
+ _args$duration = args.duration,
20
+ duration = _args$duration === void 0 ? defaultDuration : _args$duration,
21
+ key = args.key,
22
+ className = args.className,
23
+ _args$style = args.style,
24
+ style = _args$style === void 0 ? defaultStyle : _args$style,
25
+ _args$type = args.type,
26
+ type = _args$type === void 0 ? defaultType : _args$type,
27
+ onClose = args.onClose,
28
+ _args$closable = args.closable,
29
+ closable = _args$closable === void 0 ? defaultClosable : _args$closable,
30
+ _args$title = args.title,
31
+ title = _args$title === void 0 ? defaultTitle : _args$title,
32
+ footer = args.footer,
33
+ content = args.content,
34
+ icon = args.icon,
35
+ closeNode = args.closeNode,
36
+ _args$showIcon = args.showIcon,
37
+ showIcon = _args$showIcon === void 0 ? defaultShowIcon : _args$showIcon;
41
38
  var contentClose = function contentClose() {
42
39
  onClose && onClose(key);
43
40
  NotificationApi.destroy(key);
44
41
  };
45
-
46
42
  var contentProps = {
47
43
  icon: icon,
48
44
  closeNode: closeNode,
@@ -68,7 +64,6 @@ var getNotificationProps = function getNotificationProps(args) {
68
64
  suffixCls: defaultSuffixCls
69
65
  };
70
66
  };
71
-
72
67
  var setStyleByPlacement = function setStyleByPlacement(placement, el) {
73
68
  switch (placement) {
74
69
  case 'topLeft':
@@ -76,19 +71,16 @@ var setStyleByPlacement = function setStyleByPlacement(placement, el) {
76
71
  el.style.top = defaultOffset;
77
72
  el.style.bottom = 'auto';
78
73
  break;
79
-
80
74
  case 'topRight':
81
75
  el.style.right = defaultOffset;
82
76
  el.style.top = defaultOffset;
83
77
  el.style.bottom = 'auto';
84
78
  break;
85
-
86
79
  case 'bottomLeft':
87
80
  el.style.left = defaultOffset;
88
81
  el.style.top = 'auto';
89
82
  el.style.bottom = defaultOffset;
90
83
  break;
91
-
92
84
  default:
93
85
  el.style.right = defaultOffset;
94
86
  el.style.top = 'auto';
@@ -96,12 +88,10 @@ var setStyleByPlacement = function setStyleByPlacement(placement, el) {
96
88
  break;
97
89
  }
98
90
  };
99
-
100
91
  var getNotificationHTMLElement = function getNotificationHTMLElement(placement) {
101
92
  var prefixCls = 'kd';
102
93
  var suffix = "".concat(prefixCls, "-notice");
103
94
  var htmlElement = document.querySelector("#".concat(suffix, "-").concat(placement));
104
-
105
95
  if (!htmlElement) {
106
96
  htmlElement = document.createElement('div');
107
97
  htmlElement.id = "".concat(suffix, "-").concat(placement);
@@ -109,10 +99,8 @@ var getNotificationHTMLElement = function getNotificationHTMLElement(placement)
109
99
  setStyleByPlacement(placement, htmlElement);
110
100
  document.body.appendChild(htmlElement);
111
101
  }
112
-
113
102
  return htmlElement;
114
103
  };
115
-
116
104
  var notice = function notice(args) {
117
105
  var key = args.key || notificationKey++;
118
106
  var props = getNotificationProps(_extends(_extends({}, args), {
@@ -120,16 +108,13 @@ var notice = function notice(args) {
120
108
  }));
121
109
  var placement = props.placement;
122
110
  var el;
123
-
124
111
  if (notificationElements[placement]) {
125
112
  el = notificationElements[placement];
126
113
  } else {
127
114
  el = getNotificationHTMLElement(placement);
128
115
  }
129
-
130
116
  NotificationApi.add(props, el);
131
117
  };
132
-
133
118
  var Notification = {
134
119
  open: notice,
135
120
  info: function info(args) {
@@ -1,56 +1,42 @@
1
1
  import _extends from "@babel/runtime-corejs3/helpers/extends";
2
2
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
3
3
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
4
-
5
4
  var __rest = this && this.__rest || function (s, e) {
6
5
  var t = {};
7
-
8
- for (var p in s) {
9
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
10
- }
11
-
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
12
7
  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
13
8
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
14
9
  }
15
10
  return t;
16
11
  };
17
-
18
12
  import React from 'react';
19
13
  import ReactDOM from 'react-dom';
20
14
  import Notification from './notification';
21
15
  var notificationInstance = {};
22
-
23
16
  var renderNotification = function renderNotification(properties, el, callback) {
24
17
  var _properties$placement = properties.placement,
25
- placement = _properties$placement === void 0 ? 'default' : _properties$placement,
26
- props = __rest(properties, ["placement"]);
27
-
18
+ placement = _properties$placement === void 0 ? 'default' : _properties$placement,
19
+ props = __rest(properties, ["placement"]);
28
20
  var called = false;
29
-
30
21
  var ref = function ref(notices) {
31
22
  notificationInstance[placement] = {
32
23
  instance: notices,
33
24
  el: el
34
25
  };
35
-
36
26
  if (called) {
37
27
  return;
38
28
  }
39
-
40
29
  called = true;
41
30
  callback && callback(notices);
42
31
  };
43
-
44
32
  ReactDOM.render( /*#__PURE__*/React.createElement(Notification, _extends({}, props, {
45
33
  ref: ref
46
34
  })), el);
47
35
  };
48
-
49
36
  var NotificationApi = {
50
37
  add: function add(props, el) {
51
38
  var _props$placement = props.placement,
52
- placement = _props$placement === void 0 ? 'default' : _props$placement;
53
-
39
+ placement = _props$placement === void 0 ? 'default' : _props$placement;
54
40
  if (notificationInstance[placement]) {
55
41
  notificationInstance[placement].instance.add(props);
56
42
  } else {
@@ -64,12 +50,10 @@ var NotificationApi = {
64
50
  _Object$keys(notificationInstance).forEach(function (placement) {
65
51
  var instance = notificationInstance[placement].instance;
66
52
  var notices = instance.notices;
67
-
68
53
  if (Array.isArray(notices) && notices.length) {
69
54
  var flag = notices.some(function (notice) {
70
55
  return notice.key === key;
71
56
  });
72
-
73
57
  if (flag) {
74
58
  instance.remove(key);
75
59
  }
@@ -78,17 +62,13 @@ var NotificationApi = {
78
62
  } else {
79
63
  _Object$keys(notificationInstance).forEach(function (placement) {
80
64
  var _a;
81
-
82
65
  var el = (_a = notificationInstance[placement]) === null || _a === void 0 ? void 0 : _a.el;
83
-
84
66
  if (el) {
85
67
  ReactDOM.unmountComponentAtNode(el);
86
-
87
68
  if (el.parentNode) {
88
69
  el.parentNode.removeChild(el);
89
70
  }
90
71
  }
91
-
92
72
  notificationInstance[placement] = null;
93
73
  });
94
74
  }
@@ -6,57 +6,46 @@ import ConfigContext from '../config-provider/ConfigContext';
6
6
  import { getCompProps } from '../_utils';
7
7
  import { tuple } from '../_utils/type';
8
8
  export var NotificationTypes = tuple('success', 'warning', 'error', 'info', 'primary');
9
-
10
9
  var Notice = function Notice(props) {
11
10
  var _context, _classNames;
12
-
13
11
  var _useContext = useContext(ConfigContext),
14
- getPrefixCls = _useContext.getPrefixCls,
15
- prefixCls = _useContext.prefixCls,
16
- userDefaultProps = _useContext.compDefaultProps;
17
-
12
+ getPrefixCls = _useContext.getPrefixCls,
13
+ prefixCls = _useContext.prefixCls,
14
+ userDefaultProps = _useContext.compDefaultProps;
18
15
  var noticeProps = getCompProps('Notice', userDefaultProps, props);
19
16
  var customPrefixcls = noticeProps.prefixCls,
20
- className = noticeProps.className,
21
- content = noticeProps.content,
22
- closable = noticeProps.closable,
23
- duration = noticeProps.duration,
24
- style = noticeProps.style,
25
- type = noticeProps.type,
26
- onClose = noticeProps.onClose,
27
- suffixCls = noticeProps.suffixCls,
28
- key = noticeProps.key;
17
+ className = noticeProps.className,
18
+ content = noticeProps.content,
19
+ closable = noticeProps.closable,
20
+ duration = noticeProps.duration,
21
+ style = noticeProps.style,
22
+ type = noticeProps.type,
23
+ onClose = noticeProps.onClose,
24
+ suffixCls = noticeProps.suffixCls,
25
+ key = noticeProps.key;
29
26
  var noticePrefixCls = getPrefixCls(prefixCls, suffixCls, customPrefixcls);
30
27
  var timer = null;
31
28
  var noticeRef = useRef();
32
29
  var noticeClasses = classNames(noticePrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(noticePrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, "".concat(noticePrefixCls, "-closable"), closable), _classNames));
33
-
34
30
  var animationEvent = function animationEvent() {
35
31
  var _a, _b;
36
-
37
32
  (_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove("".concat(noticePrefixCls, "-leave"));
38
33
  (_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.classList.add("".concat(noticePrefixCls, "-leave-after"));
39
34
  };
40
-
41
35
  var transitionEvent = function transitionEvent() {
42
36
  onClose && onClose(key);
43
37
  };
44
-
45
38
  var clearEventListener = function clearEventListener() {
46
39
  var _a, _b;
47
-
48
40
  (_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', animationEvent);
49
41
  (_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', transitionEvent);
50
42
  };
51
-
52
43
  var handleClose = function handleClose() {
53
44
  var _a, _b, _c;
54
-
55
45
  (_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.classList.add("".concat(noticePrefixCls, "-leave"));
56
46
  (_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('animationend', animationEvent);
57
47
  (_c = noticeRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener('transitionend', transitionEvent);
58
48
  };
59
-
60
49
  var startCloseTimer = useCallback(function () {
61
50
  if (!duration) return;
62
51
  timer = setTimeout(function () {
@@ -86,6 +75,5 @@ var Notice = function Notice(props) {
86
75
  className: "".concat(noticePrefixCls, "-content")
87
76
  }, content));
88
77
  };
89
-
90
78
  Notice.displayName = 'Notice';
91
79
  export default Notice;