@kdcloudjs/kdesign 1.6.34 → 1.6.36

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 (603) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/kdesign-complete.less +16 -2
  3. package/dist/kdesign.css +18 -2
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +9174 -11871
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +18 -18
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/_utils/KeyCode.js +6 -119
  11. package/es/_utils/arrayUtil.js +0 -5
  12. package/es/_utils/devwarning.js +0 -1
  13. package/es/_utils/formatUtil.js +36 -99
  14. package/es/_utils/getStringLength.js +0 -2
  15. package/es/_utils/hooks.js +32 -72
  16. package/es/_utils/index.js +0 -2
  17. package/es/_utils/numberUtil.js +32 -55
  18. package/es/_utils/omit.js +0 -2
  19. package/es/_utils/raf.js +0 -6
  20. package/es/_utils/resizeObserver.js +2 -17
  21. package/es/_utils/testBrowserType.js +0 -2
  22. package/es/_utils/type.js +0 -2
  23. package/es/_utils/usePopper.js +84 -167
  24. package/es/alert/alert.js +20 -50
  25. package/es/anchor/anchor-link.js +12 -23
  26. package/es/anchor/anchor.js +69 -168
  27. package/es/avatar/avatar.js +29 -44
  28. package/es/badge/badge.js +33 -53
  29. package/es/base-data/base-data.js +89 -197
  30. package/es/button/button.js +30 -55
  31. package/es/button/group.js +27 -39
  32. package/es/card/card.js +19 -23
  33. package/es/carousel/carousel.js +31 -65
  34. package/es/carousel/displayList.js +2 -5
  35. package/es/carousel/fadeList.js +4 -7
  36. package/es/carousel/slideList.js +1 -7
  37. package/es/carousel/slidebar.js +5 -12
  38. package/es/cascader/cascader.js +56 -116
  39. package/es/cascader/util.js +10 -58
  40. package/es/checkbox/checkbox.js +22 -47
  41. package/es/checkbox/group.js +19 -35
  42. package/es/checkbox/style/index.css +2 -0
  43. package/es/checkbox/style/index.less +1 -0
  44. package/es/city-picker/city-group.js +5 -13
  45. package/es/city-picker/city-list.js +4 -9
  46. package/es/city-picker/city-panel-item.js +3 -8
  47. package/es/city-picker/city-panel.js +25 -50
  48. package/es/city-picker/city-picker.js +22 -46
  49. package/es/city-picker/city-search-panel.js +6 -13
  50. package/es/city-picker/no-data.js +3 -6
  51. package/es/city-picker/utils/grouping.js +0 -4
  52. package/es/collapse/collapse.js +17 -40
  53. package/es/collapse/panel.js +21 -44
  54. package/es/config-provider/SizeContext.js +1 -1
  55. package/es/config-provider/compDefaultProps.js +0 -1
  56. package/es/config-provider/configProvider.js +2 -7
  57. package/es/config-provider/defaultConfig.js +0 -1
  58. package/es/date-picker/calendar.js +12 -21
  59. package/es/date-picker/date-panel.js +22 -66
  60. package/es/date-picker/date-picker.js +145 -186
  61. package/es/date-picker/hooks/use-hover-value.js +5 -13
  62. package/es/date-picker/hooks/use-picker-input.js +17 -31
  63. package/es/date-picker/hooks/use-range-cls.js +8 -14
  64. package/es/date-picker/hooks/use-range-disabled.js +7 -21
  65. package/es/date-picker/hooks/use-range-view-dates.js +18 -39
  66. package/es/date-picker/hooks/use-state-memo.js +0 -2
  67. package/es/date-picker/hooks/use-text-value-mapping.js +6 -11
  68. package/es/date-picker/hooks/use-value-texts.js +0 -1
  69. package/es/date-picker/panel/date-time/date-time.js +7 -10
  70. package/es/date-picker/panel/header/header.js +9 -11
  71. package/es/date-picker/panel/month/month.js +11 -30
  72. package/es/date-picker/panel/quarter/quarter.js +8 -25
  73. package/es/date-picker/panel/time/time-column.js +8 -18
  74. package/es/date-picker/panel/time/time.js +62 -88
  75. package/es/date-picker/panel/week/week.js +25 -57
  76. package/es/date-picker/panel/year/year.js +19 -42
  77. package/es/date-picker/popper.js +28 -35
  78. package/es/date-picker/range/input-range.js +95 -129
  79. package/es/date-picker/range-picker.d.ts +1 -0
  80. package/es/date-picker/range-picker.js +197 -287
  81. package/es/date-picker/single/input-date.js +87 -111
  82. package/es/date-picker/utils/date-fns.js +32 -63
  83. package/es/date-picker/utils/get-extra-footer.js +0 -1
  84. package/es/date-picker/utils/get-ranges.js +13 -19
  85. package/es/date-picker/utils/index.js +9 -80
  86. package/es/drawer/drawer.js +50 -71
  87. package/es/dropdown/dropdown.js +26 -42
  88. package/es/dropdown/menu.d.ts +3 -2
  89. package/es/dropdown/menu.js +32 -43
  90. package/es/empty/defaultEmptyImg.js +2 -5
  91. package/es/empty/empty.js +15 -26
  92. package/es/empty/illustrationEmptyImg.js +2 -5
  93. package/es/filter/condition.js +5 -17
  94. package/es/filter/filter.js +29 -54
  95. package/es/filter/scheme.js +35 -71
  96. package/es/form/Field.js +36 -98
  97. package/es/form/FieldContext.js +0 -2
  98. package/es/form/FieldLabel.js +11 -17
  99. package/es/form/FieldWrapper.js +6 -9
  100. package/es/form/Form.js +28 -46
  101. package/es/form/FormContext.js +0 -4
  102. package/es/form/hooks/useForceUpdate.js +2 -5
  103. package/es/form/hooks/useForm.js +10 -84
  104. package/es/grid/col.js +23 -39
  105. package/es/grid/row.js +22 -36
  106. package/es/icon/icon.js +11 -29
  107. package/es/image/image.js +31 -49
  108. package/es/image/preview-group.js +25 -41
  109. package/es/image/preview.js +24 -39
  110. package/es/image-cropper/cropper.js +13 -23
  111. package/es/image-cropper/image-cropper.js +39 -69
  112. package/es/image-cropper/operation-bar.js +14 -27
  113. package/es/image-cropper/style/index.css +12 -1
  114. package/es/image-cropper/style/index.less +11 -2
  115. package/es/index.js +0 -2
  116. package/es/input/ClearableLabeledInput.js +27 -50
  117. package/es/input/TextArea.js +45 -86
  118. package/es/input/calculateNodeHeight.js +4 -16
  119. package/es/input/index.js +2 -2
  120. package/es/input/input.js +32 -67
  121. package/es/input-number/inputNumber.js +50 -109
  122. package/es/layout/layout.js +28 -49
  123. package/es/layout/sider.js +39 -73
  124. package/es/link/link.js +19 -33
  125. package/es/locale/locale.js +6 -44
  126. package/es/locale/zh-CN.js +0 -2
  127. package/es/menu/menu.js +29 -63
  128. package/es/menu/menuItem.js +27 -52
  129. package/es/menu/subMenu.js +44 -99
  130. package/es/menu/util.js +4 -13
  131. package/es/message/content.js +7 -23
  132. package/es/message/index.js +14 -26
  133. package/es/modal/confirm.js +3 -12
  134. package/es/modal/index.js +0 -4
  135. package/es/modal/modal.js +41 -63
  136. package/es/notification/content.js +13 -35
  137. package/es/notification/index.js +20 -35
  138. package/es/notification-base/index.js +4 -24
  139. package/es/notification-base/notice.js +12 -24
  140. package/es/notification-base/notification.js +3 -18
  141. package/es/pagination/pagination.js +76 -113
  142. package/es/popconfirm/popconfirm.js +22 -33
  143. package/es/progress/circle.js +9 -18
  144. package/es/progress/line.js +5 -9
  145. package/es/progress/progress.js +21 -44
  146. package/es/progress/utils.js +6 -22
  147. package/es/radio/group.js +19 -35
  148. package/es/radio/radio-button.js +6 -19
  149. package/es/radio/radio.js +19 -46
  150. package/es/rate/rate.js +30 -67
  151. package/es/search/option.js +10 -17
  152. package/es/search/quick-search.js +68 -155
  153. package/es/search/search-panel.js +28 -49
  154. package/es/search/search.js +23 -43
  155. package/es/select/interface.js +0 -1
  156. package/es/select/option.js +13 -25
  157. package/es/select/select.js +115 -222
  158. package/es/select/style/index.css +3 -0
  159. package/es/select/style/index.less +4 -0
  160. package/es/slider/marks.js +9 -15
  161. package/es/slider/slider.js +60 -104
  162. package/es/slider/sliderTooltip.js +9 -17
  163. package/es/slider/steps.js +8 -19
  164. package/es/slider/track.js +5 -8
  165. package/es/slider/utils.js +4 -14
  166. package/es/space/space.js +16 -34
  167. package/es/spin/spin.js +16 -32
  168. package/es/split-panel/split-panel.js +57 -83
  169. package/es/split-panel/trigger.js +8 -17
  170. package/es/stepper/stepper.js +27 -57
  171. package/es/steps/Step.js +18 -34
  172. package/es/steps/Steps.js +19 -38
  173. package/es/switch/switch.js +25 -43
  174. package/es/table/api.js +3 -37
  175. package/es/table/feature/autoRowSpan.js +0 -2
  176. package/es/table/feature/colGroupExtendable.js +0 -2
  177. package/es/table/feature/columnDrag.js +0 -2
  178. package/es/table/feature/columnResize.js +0 -2
  179. package/es/table/feature/contextMenu.js +0 -2
  180. package/es/table/feature/filter.js +0 -2
  181. package/es/table/feature/mergeCellHover.js +0 -2
  182. package/es/table/feature/rowDetail.js +0 -2
  183. package/es/table/feature/rowSelection.js +11 -21
  184. package/es/table/feature/sort.js +0 -2
  185. package/es/table/feature/treeMode.js +0 -2
  186. package/es/table/feature/useFooterDataSource.js +0 -2
  187. package/es/table/feature/useRangeSelection.js +0 -2
  188. package/es/table/table.js +36 -46
  189. package/es/tabs/active-line.js +6 -8
  190. package/es/tabs/arrow-button.js +5 -10
  191. package/es/tabs/index.js +2 -2
  192. package/es/tabs/tab-pane.js +7 -23
  193. package/es/tabs/tabs.js +42 -104
  194. package/es/tag/tag.js +34 -56
  195. package/es/timeline/Timeline.js +16 -33
  196. package/es/timeline/TimelineItem.js +15 -26
  197. package/es/tooltip/tooltip.js +7 -11
  198. package/es/transfer/list-body.js +12 -31
  199. package/es/transfer/list-item.js +10 -18
  200. package/es/transfer/list.js +35 -68
  201. package/es/transfer/operation.js +12 -14
  202. package/es/transfer/search.js +5 -11
  203. package/es/transfer/transfer.js +51 -100
  204. package/es/tree/tree.js +95 -156
  205. package/es/tree/treeHooks.js +18 -34
  206. package/es/tree/treeNode.js +57 -96
  207. package/es/tree/utils/treeUtils.js +22 -150
  208. package/es/typography/base.js +16 -33
  209. package/es/typography/index.js +2 -2
  210. package/es/typography/paragraph.js +0 -2
  211. package/es/typography/text.js +0 -2
  212. package/es/typography/title.js +3 -14
  213. package/es/typography/typography.js +14 -24
  214. package/es/upload/dragger.js +3 -12
  215. package/es/upload/request.js +6 -26
  216. package/es/upload/scan-files.js +2 -13
  217. package/es/upload/upload.js +63 -131
  218. package/es/upload/utils.js +0 -2
  219. package/es/upload/verify-file.js +0 -6
  220. package/es/view-container/view-container.js +7 -9
  221. package/es/virtual-list/Filler.js +3 -7
  222. package/es/virtual-list/utils/algorithmUtil.js +0 -13
  223. package/es/virtual-list/utils/itemUtil.js +18 -47
  224. package/es/virtual-list/virtual-list.js +64 -137
  225. package/lib/_utils/KeyCode.js +6 -120
  226. package/lib/_utils/arrayUtil.js +0 -9
  227. package/lib/_utils/devwarning.js +0 -5
  228. package/lib/_utils/formatUtil.js +36 -103
  229. package/lib/_utils/getStringLength.js +0 -3
  230. package/lib/_utils/hooks.js +32 -90
  231. package/lib/_utils/index.js +0 -6
  232. package/lib/_utils/numberUtil.js +32 -64
  233. package/lib/_utils/omit.js +0 -5
  234. package/lib/_utils/raf.js +0 -7
  235. package/lib/_utils/react-children.js +0 -5
  236. package/lib/_utils/reactNode.js +0 -9
  237. package/lib/_utils/resizeObserver.js +2 -25
  238. package/lib/_utils/testBrowserType.js +0 -3
  239. package/lib/_utils/type.js +0 -6
  240. package/lib/_utils/usePopper.js +84 -190
  241. package/lib/alert/alert.js +20 -74
  242. package/lib/alert/index.js +0 -3
  243. package/lib/alert/style/css.js +0 -1
  244. package/lib/alert/style/index.js +0 -1
  245. package/lib/anchor/anchor-link.js +12 -35
  246. package/lib/anchor/anchor.js +69 -204
  247. package/lib/anchor/context.js +0 -7
  248. package/lib/anchor/index.js +0 -4
  249. package/lib/anchor/style/css.js +0 -1
  250. package/lib/anchor/style/index.js +0 -1
  251. package/lib/avatar/avatar.js +29 -70
  252. package/lib/avatar/index.js +0 -9
  253. package/lib/avatar/style/css.js +0 -1
  254. package/lib/avatar/style/index.js +0 -1
  255. package/lib/badge/badge.js +33 -70
  256. package/lib/badge/index.js +0 -9
  257. package/lib/badge/style/css.js +0 -1
  258. package/lib/badge/style/index.js +0 -1
  259. package/lib/base-data/base-data.js +89 -218
  260. package/lib/base-data/index.js +0 -9
  261. package/lib/base-data/interface.js +0 -2
  262. package/lib/base-data/style/css.js +0 -1
  263. package/lib/base-data/style/index.js +0 -1
  264. package/lib/button/button.js +30 -72
  265. package/lib/button/group.js +27 -61
  266. package/lib/button/index.js +0 -4
  267. package/lib/button/style/css.js +0 -1
  268. package/lib/button/style/index.js +0 -1
  269. package/lib/card/card.js +19 -35
  270. package/lib/card/index.js +0 -9
  271. package/lib/card/style/css.js +0 -1
  272. package/lib/card/style/index.js +0 -1
  273. package/lib/carousel/carousel.js +31 -112
  274. package/lib/carousel/displayList.js +2 -14
  275. package/lib/carousel/fadeList.js +4 -16
  276. package/lib/carousel/index.js +0 -12
  277. package/lib/carousel/slideList.js +1 -14
  278. package/lib/carousel/slidebar.js +5 -22
  279. package/lib/carousel/style/css.js +0 -1
  280. package/lib/carousel/style/index.js +0 -1
  281. package/lib/cascader/cascader.js +56 -150
  282. package/lib/cascader/index.js +0 -9
  283. package/lib/cascader/style/css.js +0 -1
  284. package/lib/cascader/style/index.js +0 -1
  285. package/lib/cascader/util.js +10 -87
  286. package/lib/checkbox/checkbox.js +22 -69
  287. package/lib/checkbox/group.js +18 -59
  288. package/lib/checkbox/index.js +0 -9
  289. package/lib/checkbox/style/css.js +0 -1
  290. package/lib/checkbox/style/index.css +2 -0
  291. package/lib/checkbox/style/index.js +0 -1
  292. package/lib/checkbox/style/index.less +1 -0
  293. package/lib/city-picker/city-group.js +5 -24
  294. package/lib/city-picker/city-list.js +4 -21
  295. package/lib/city-picker/city-panel-item.js +3 -17
  296. package/lib/city-picker/city-panel.js +25 -64
  297. package/lib/city-picker/city-picker.js +22 -67
  298. package/lib/city-picker/city-search-panel.js +6 -25
  299. package/lib/city-picker/index.js +0 -9
  300. package/lib/city-picker/no-data.js +3 -15
  301. package/lib/city-picker/style/css.js +0 -1
  302. package/lib/city-picker/style/index.js +0 -1
  303. package/lib/city-picker/utils/grouping.js +0 -5
  304. package/lib/collapse/collapse.js +17 -62
  305. package/lib/collapse/index.js +0 -4
  306. package/lib/collapse/panel.js +21 -62
  307. package/lib/collapse/style/css.js +0 -1
  308. package/lib/collapse/style/index.js +0 -1
  309. package/lib/config-provider/ConfigContext.js +1 -4
  310. package/lib/config-provider/SizeContext.js +1 -6
  311. package/lib/config-provider/compDefaultProps.js +0 -8
  312. package/lib/config-provider/configProvider.js +3 -18
  313. package/lib/config-provider/defaultConfig.js +0 -5
  314. package/lib/config-provider/index.js +0 -6
  315. package/lib/date-picker/calendar.js +12 -35
  316. package/lib/date-picker/context.js +0 -7
  317. package/lib/date-picker/date-panel.js +22 -87
  318. package/lib/date-picker/date-picker.js +145 -214
  319. package/lib/date-picker/hooks/use-hover-value.js +5 -19
  320. package/lib/date-picker/hooks/use-picker-input.js +17 -37
  321. package/lib/date-picker/hooks/use-range-cls.js +8 -21
  322. package/lib/date-picker/hooks/use-range-disabled.js +7 -30
  323. package/lib/date-picker/hooks/use-range-view-dates.js +16 -49
  324. package/lib/date-picker/hooks/use-state-memo.js +0 -5
  325. package/lib/date-picker/hooks/use-text-value-mapping.js +6 -20
  326. package/lib/date-picker/hooks/use-value-texts.js +0 -5
  327. package/lib/date-picker/index.js +0 -4
  328. package/lib/date-picker/panel/date-time/date-time.js +7 -23
  329. package/lib/date-picker/panel/header/header.js +9 -21
  330. package/lib/date-picker/panel/month/month.js +11 -46
  331. package/lib/date-picker/panel/quarter/quarter.js +8 -40
  332. package/lib/date-picker/panel/time/time-column.js +8 -31
  333. package/lib/date-picker/panel/time/time.js +60 -106
  334. package/lib/date-picker/panel/week/week.js +25 -73
  335. package/lib/date-picker/panel/year/year.js +19 -56
  336. package/lib/date-picker/popper.js +28 -47
  337. package/lib/date-picker/range/input-range.js +95 -145
  338. package/lib/date-picker/range-picker.d.ts +1 -0
  339. package/lib/date-picker/range-picker.js +195 -327
  340. package/lib/date-picker/single/input-date.js +87 -127
  341. package/lib/date-picker/utils/date-fns.js +25 -136
  342. package/lib/date-picker/utils/get-extra-footer.js +0 -8
  343. package/lib/date-picker/utils/get-ranges.js +13 -24
  344. package/lib/date-picker/utils/index.js +9 -104
  345. package/lib/drawer/drawer.js +49 -95
  346. package/lib/drawer/index.js +0 -9
  347. package/lib/drawer/style/css.js +0 -1
  348. package/lib/drawer/style/index.js +0 -1
  349. package/lib/dropdown/dropdown.js +26 -56
  350. package/lib/dropdown/index.js +0 -9
  351. package/lib/dropdown/menu.d.ts +3 -2
  352. package/lib/dropdown/menu.js +29 -56
  353. package/lib/dropdown/style/css.js +0 -1
  354. package/lib/dropdown/style/index.js +0 -1
  355. package/lib/empty/defaultEmptyImg.js +2 -14
  356. package/lib/empty/empty.js +15 -42
  357. package/lib/empty/illustrationEmptyImg.js +2 -14
  358. package/lib/empty/index.js +0 -9
  359. package/lib/empty/style/css.js +0 -1
  360. package/lib/empty/style/index.js +0 -1
  361. package/lib/filter/condition.js +5 -28
  362. package/lib/filter/filter.js +29 -73
  363. package/lib/filter/index.js +0 -9
  364. package/lib/filter/scheme.js +35 -82
  365. package/lib/filter/style/css.js +0 -1
  366. package/lib/filter/style/index.js +0 -1
  367. package/lib/form/Field.js +36 -127
  368. package/lib/form/FieldContext.js +0 -6
  369. package/lib/form/FieldLabel.js +11 -29
  370. package/lib/form/FieldWrapper.js +6 -19
  371. package/lib/form/Form.js +28 -65
  372. package/lib/form/FormContext.js +0 -11
  373. package/lib/form/hooks/useForceUpdate.js +2 -9
  374. package/lib/form/hooks/useForm.js +10 -98
  375. package/lib/form/index.js +0 -12
  376. package/lib/form/style/css.js +0 -1
  377. package/lib/form/style/index.js +0 -1
  378. package/lib/grid/col.js +23 -51
  379. package/lib/grid/index.js +0 -3
  380. package/lib/grid/row.js +22 -49
  381. package/lib/grid/style/css.js +0 -1
  382. package/lib/grid/style/index.js +0 -1
  383. package/lib/icon/icon.js +11 -44
  384. package/lib/icon/index.js +0 -9
  385. package/lib/icon/interface.js +0 -6
  386. package/lib/icon/style/css.js +0 -1
  387. package/lib/icon/style/index.js +0 -1
  388. package/lib/image/image.js +31 -64
  389. package/lib/image/index.js +0 -9
  390. package/lib/image/preview-group.js +25 -54
  391. package/lib/image/preview.js +24 -57
  392. package/lib/image/style/css.js +0 -1
  393. package/lib/image/style/index.js +0 -1
  394. package/lib/image-cropper/cropper.js +11 -33
  395. package/lib/image-cropper/image-cropper.js +39 -89
  396. package/lib/image-cropper/index.js +0 -3
  397. package/lib/image-cropper/operation-bar.js +14 -44
  398. package/lib/image-cropper/style/css.js +0 -1
  399. package/lib/image-cropper/style/index.css +12 -1
  400. package/lib/image-cropper/style/index.js +0 -1
  401. package/lib/image-cropper/style/index.less +11 -2
  402. package/lib/index.js +2 -64
  403. package/lib/input/ClearableLabeledInput.js +27 -65
  404. package/lib/input/TextArea.js +45 -108
  405. package/lib/input/calculateNodeHeight.js +4 -23
  406. package/lib/input/index.js +0 -9
  407. package/lib/input/input.js +32 -87
  408. package/lib/input-number/index.js +0 -3
  409. package/lib/input-number/inputNumber.js +50 -129
  410. package/lib/input-number/style/css.js +0 -1
  411. package/lib/input-number/style/index.js +0 -1
  412. package/lib/layout/index.js +0 -9
  413. package/lib/layout/layout.js +28 -64
  414. package/lib/layout/sider.js +39 -89
  415. package/lib/layout/style/css.js +0 -1
  416. package/lib/layout/style/index.js +0 -1
  417. package/lib/link/index.js +0 -9
  418. package/lib/link/link.js +19 -50
  419. package/lib/link/style/css.js +0 -1
  420. package/lib/link/style/index.js +0 -1
  421. package/lib/locale/index.js +0 -7
  422. package/lib/locale/locale.js +6 -58
  423. package/lib/locale/zh-CN.js +0 -4
  424. package/lib/menu/index.js +0 -9
  425. package/lib/menu/menu.js +29 -83
  426. package/lib/menu/menuItem.js +27 -69
  427. package/lib/menu/style/css.js +0 -1
  428. package/lib/menu/style/index.js +0 -1
  429. package/lib/menu/subMenu.js +44 -122
  430. package/lib/menu/util.js +4 -28
  431. package/lib/message/content.js +7 -32
  432. package/lib/message/index.js +14 -33
  433. package/lib/message/style/css.js +0 -1
  434. package/lib/message/style/index.js +0 -1
  435. package/lib/modal/confirm.js +3 -21
  436. package/lib/modal/index.js +0 -14
  437. package/lib/modal/modal.js +41 -86
  438. package/lib/modal/style/css.js +0 -1
  439. package/lib/modal/style/index.js +0 -1
  440. package/lib/notification/content.js +15 -48
  441. package/lib/notification/index.js +20 -42
  442. package/lib/notification/style/css.js +0 -1
  443. package/lib/notification/style/index.js +0 -1
  444. package/lib/notification-base/index.js +4 -31
  445. package/lib/notification-base/notice.js +12 -38
  446. package/lib/notification-base/notification.js +3 -31
  447. package/lib/pagination/index.js +0 -3
  448. package/lib/pagination/pagination.js +76 -137
  449. package/lib/pagination/style/css.js +0 -1
  450. package/lib/pagination/style/index.js +0 -1
  451. package/lib/popconfirm/index.js +0 -9
  452. package/lib/popconfirm/popconfirm.js +22 -46
  453. package/lib/popconfirm/style/css.js +0 -1
  454. package/lib/popconfirm/style/index.js +0 -1
  455. package/lib/progress/circle.js +9 -25
  456. package/lib/progress/index.js +0 -3
  457. package/lib/progress/line.js +5 -11
  458. package/lib/progress/progress.js +21 -64
  459. package/lib/progress/style/css.js +0 -1
  460. package/lib/progress/style/index.js +0 -1
  461. package/lib/progress/utils.js +6 -30
  462. package/lib/radio/context.js +0 -7
  463. package/lib/radio/group.js +19 -53
  464. package/lib/radio/index.js +0 -5
  465. package/lib/radio/radio-button.js +6 -32
  466. package/lib/radio/radio.js +19 -66
  467. package/lib/radio/style/css.js +0 -1
  468. package/lib/radio/style/index.js +0 -1
  469. package/lib/rate/index.js +0 -3
  470. package/lib/rate/rate.js +30 -82
  471. package/lib/rate/style/css.js +0 -1
  472. package/lib/rate/style/index.js +0 -1
  473. package/lib/search/index.js +0 -7
  474. package/lib/search/interface.js +0 -2
  475. package/lib/search/option.js +10 -29
  476. package/lib/search/quick-search.js +68 -171
  477. package/lib/search/search-panel.js +28 -66
  478. package/lib/search/search.js +23 -63
  479. package/lib/search/style/css.js +0 -1
  480. package/lib/search/style/index.js +0 -1
  481. package/lib/select/index.js +0 -4
  482. package/lib/select/interface.js +0 -3
  483. package/lib/select/option.js +13 -40
  484. package/lib/select/select.js +115 -235
  485. package/lib/select/style/index.css +3 -0
  486. package/lib/select/style/index.less +4 -0
  487. package/lib/slider/index.js +0 -9
  488. package/lib/slider/marks.js +9 -22
  489. package/lib/slider/slider.js +58 -123
  490. package/lib/slider/sliderTooltip.js +9 -30
  491. package/lib/slider/steps.js +8 -24
  492. package/lib/slider/style/css.js +0 -1
  493. package/lib/slider/style/index.js +0 -1
  494. package/lib/slider/track.js +5 -11
  495. package/lib/slider/utils.js +4 -21
  496. package/lib/space/index.js +0 -9
  497. package/lib/space/space.js +16 -50
  498. package/lib/space/style/css.js +0 -1
  499. package/lib/space/style/index.js +0 -1
  500. package/lib/spin/index.js +0 -9
  501. package/lib/spin/spin.js +16 -50
  502. package/lib/spin/style/css.js +0 -1
  503. package/lib/spin/style/index.js +0 -1
  504. package/lib/split-panel/index.js +0 -9
  505. package/lib/split-panel/split-panel.js +57 -101
  506. package/lib/split-panel/style/css.js +0 -1
  507. package/lib/split-panel/style/index.js +0 -1
  508. package/lib/split-panel/trigger.js +8 -23
  509. package/lib/stepper/index.js +0 -9
  510. package/lib/stepper/stepper.js +27 -81
  511. package/lib/stepper/style/css.js +0 -1
  512. package/lib/stepper/style/index.js +0 -1
  513. package/lib/steps/Step.js +18 -40
  514. package/lib/steps/Steps.js +19 -55
  515. package/lib/steps/index.js +0 -5
  516. package/lib/steps/interface.js +0 -2
  517. package/lib/steps/style/css.js +0 -1
  518. package/lib/steps/style/index.js +0 -1
  519. package/lib/switch/index.js +0 -3
  520. package/lib/switch/style/css.js +0 -1
  521. package/lib/switch/style/index.js +0 -1
  522. package/lib/switch/switch.js +23 -59
  523. package/lib/table/api.js +3 -39
  524. package/lib/table/feature/autoRowSpan.js +0 -3
  525. package/lib/table/feature/colGroupExtendable.js +0 -3
  526. package/lib/table/feature/columnDrag.js +0 -3
  527. package/lib/table/feature/columnResize.js +0 -3
  528. package/lib/table/feature/contextMenu.js +0 -3
  529. package/lib/table/feature/filter.js +0 -6
  530. package/lib/table/feature/mergeCellHover.js +0 -3
  531. package/lib/table/feature/rowDetail.js +0 -5
  532. package/lib/table/feature/rowSelection.js +11 -24
  533. package/lib/table/feature/sort.js +0 -6
  534. package/lib/table/feature/treeMode.js +0 -5
  535. package/lib/table/feature/useFooterDataSource.js +0 -3
  536. package/lib/table/feature/useRangeSelection.js +0 -5
  537. package/lib/table/index.js +0 -3
  538. package/lib/table/style/css.js +0 -1
  539. package/lib/table/style/index.js +0 -1
  540. package/lib/table/table.js +36 -78
  541. package/lib/tabs/active-line.js +6 -17
  542. package/lib/tabs/arrow-button.js +5 -23
  543. package/lib/tabs/context.js +0 -7
  544. package/lib/tabs/index.js +2 -6
  545. package/lib/tabs/style/css.js +0 -1
  546. package/lib/tabs/style/index.js +0 -1
  547. package/lib/tabs/tab-pane.js +7 -38
  548. package/lib/tabs/tabs.js +42 -135
  549. package/lib/tag/index.js +0 -9
  550. package/lib/tag/style/css.js +0 -1
  551. package/lib/tag/style/index.js +0 -1
  552. package/lib/tag/tag.js +34 -74
  553. package/lib/timeline/Timeline.js +16 -45
  554. package/lib/timeline/TimelineItem.js +15 -39
  555. package/lib/timeline/index.js +0 -3
  556. package/lib/timeline/style/css.js +0 -1
  557. package/lib/timeline/style/index.js +0 -1
  558. package/lib/tooltip/index.js +0 -9
  559. package/lib/tooltip/style/css.js +0 -1
  560. package/lib/tooltip/style/index.js +0 -1
  561. package/lib/tooltip/tooltip.js +7 -24
  562. package/lib/transfer/index.js +0 -3
  563. package/lib/transfer/list-body.js +12 -48
  564. package/lib/transfer/list-item.js +10 -27
  565. package/lib/transfer/list.js +35 -89
  566. package/lib/transfer/operation.js +12 -18
  567. package/lib/transfer/search.js +5 -16
  568. package/lib/transfer/style/css.js +0 -1
  569. package/lib/transfer/style/index.js +0 -1
  570. package/lib/transfer/transfer.js +51 -122
  571. package/lib/tree/index.js +0 -11
  572. package/lib/tree/style/css.js +0 -1
  573. package/lib/tree/style/index.js +0 -1
  574. package/lib/tree/tree.js +95 -196
  575. package/lib/tree/treeHooks.js +18 -64
  576. package/lib/tree/treeNode.js +57 -126
  577. package/lib/tree/utils/treeUtils.js +22 -193
  578. package/lib/typography/base.js +16 -53
  579. package/lib/typography/index.js +2 -8
  580. package/lib/typography/paragraph.js +0 -11
  581. package/lib/typography/style/css.js +0 -1
  582. package/lib/typography/style/index.js +0 -1
  583. package/lib/typography/text.js +0 -6
  584. package/lib/typography/title.js +3 -21
  585. package/lib/typography/typography.js +12 -35
  586. package/lib/upload/dragger.js +3 -21
  587. package/lib/upload/index.js +0 -11
  588. package/lib/upload/request.js +6 -27
  589. package/lib/upload/scan-files.js +2 -15
  590. package/lib/upload/style/css.js +0 -1
  591. package/lib/upload/style/index.js +0 -1
  592. package/lib/upload/upload.js +63 -151
  593. package/lib/upload/utils.js +0 -6
  594. package/lib/upload/verify-file.js +0 -9
  595. package/lib/view-container/context.js +0 -7
  596. package/lib/view-container/index.js +0 -3
  597. package/lib/view-container/view-container.js +7 -21
  598. package/lib/virtual-list/Filler.js +3 -15
  599. package/lib/virtual-list/index.js +0 -9
  600. package/lib/virtual-list/utils/algorithmUtil.js +0 -15
  601. package/lib/virtual-list/utils/itemUtil.js +18 -60
  602. package/lib/virtual-list/virtual-list.js +63 -158
  603. 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;