@kdcloudjs/kdesign 1.6.33 → 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 (609) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/kdesign-complete.less +8 -9
  3. package/dist/kdesign.css +9 -5
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +9332 -11853
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +4 -4
  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 +20 -60
  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 +196 -284
  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/index.js +0 -2
  114. package/es/input/ClearableLabeledInput.js +27 -50
  115. package/es/input/TextArea.js +45 -86
  116. package/es/input/calculateNodeHeight.js +4 -16
  117. package/es/input/index.js +2 -2
  118. package/es/input/input.js +32 -67
  119. package/es/input-number/inputNumber.js +50 -109
  120. package/es/layout/layout.js +28 -49
  121. package/es/layout/sider.js +39 -73
  122. package/es/link/link.js +19 -33
  123. package/es/locale/locale.js +6 -44
  124. package/es/locale/zh-CN.js +0 -2
  125. package/es/menu/menu.js +29 -63
  126. package/es/menu/menuItem.js +27 -52
  127. package/es/menu/subMenu.js +44 -99
  128. package/es/menu/util.js +4 -13
  129. package/es/message/content.js +7 -23
  130. package/es/message/index.js +14 -26
  131. package/es/modal/confirm.js +3 -12
  132. package/es/modal/index.js +0 -4
  133. package/es/modal/modal.js +41 -63
  134. package/es/notification/content.js +13 -35
  135. package/es/notification/index.js +20 -35
  136. package/es/notification-base/index.js +4 -24
  137. package/es/notification-base/notice.js +12 -24
  138. package/es/notification-base/notification.js +3 -18
  139. package/es/pagination/pagination.js +76 -113
  140. package/es/popconfirm/popconfirm.js +22 -33
  141. package/es/progress/circle.js +9 -18
  142. package/es/progress/line.js +5 -9
  143. package/es/progress/progress.js +21 -44
  144. package/es/progress/utils.js +6 -22
  145. package/es/radio/group.js +19 -35
  146. package/es/radio/radio-button.js +6 -19
  147. package/es/radio/radio.js +19 -46
  148. package/es/rate/rate.js +30 -67
  149. package/es/rate/style/index.css +3 -3
  150. package/es/rate/style/index.less +3 -9
  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 +114 -221
  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/style/icon/kdicon.css +0 -1
  174. package/es/switch/switch.js +25 -43
  175. package/es/table/api.d.ts +4 -0
  176. package/es/table/api.js +128 -0
  177. package/es/table/feature/autoRowSpan.js +0 -2
  178. package/es/table/feature/colGroupExtendable.js +0 -2
  179. package/es/table/feature/columnDrag.js +0 -2
  180. package/es/table/feature/columnResize.js +0 -2
  181. package/es/table/feature/contextMenu.js +0 -2
  182. package/es/table/feature/filter.js +0 -2
  183. package/es/table/feature/mergeCellHover.js +0 -2
  184. package/es/table/feature/rowDetail.js +0 -2
  185. package/es/table/feature/rowSelection.js +11 -21
  186. package/es/table/feature/sort.js +0 -2
  187. package/es/table/feature/treeMode.js +0 -2
  188. package/es/table/feature/useFooterDataSource.js +0 -2
  189. package/es/table/feature/useRangeSelection.js +0 -2
  190. package/es/table/interface.d.ts +3 -0
  191. package/es/table/table.js +38 -54
  192. package/es/tabs/active-line.js +6 -8
  193. package/es/tabs/arrow-button.js +5 -10
  194. package/es/tabs/index.js +2 -2
  195. package/es/tabs/tab-pane.js +7 -23
  196. package/es/tabs/tabs.js +42 -104
  197. package/es/tag/tag.js +34 -56
  198. package/es/timeline/Timeline.js +16 -33
  199. package/es/timeline/TimelineItem.js +15 -26
  200. package/es/tooltip/tooltip.js +7 -11
  201. package/es/transfer/list-body.js +12 -31
  202. package/es/transfer/list-item.js +10 -18
  203. package/es/transfer/list.js +35 -68
  204. package/es/transfer/operation.js +12 -14
  205. package/es/transfer/search.js +5 -11
  206. package/es/transfer/transfer.js +51 -100
  207. package/es/tree/tree.js +95 -156
  208. package/es/tree/treeHooks.js +18 -34
  209. package/es/tree/treeNode.js +57 -96
  210. package/es/tree/utils/treeUtils.js +22 -150
  211. package/es/typography/base.js +16 -33
  212. package/es/typography/index.js +2 -2
  213. package/es/typography/paragraph.js +0 -2
  214. package/es/typography/text.js +0 -2
  215. package/es/typography/title.js +3 -14
  216. package/es/typography/typography.js +14 -24
  217. package/es/upload/dragger.js +3 -12
  218. package/es/upload/request.js +6 -26
  219. package/es/upload/scan-files.js +2 -13
  220. package/es/upload/upload.js +63 -131
  221. package/es/upload/utils.js +0 -2
  222. package/es/upload/verify-file.js +0 -6
  223. package/es/view-container/view-container.js +7 -9
  224. package/es/virtual-list/Filler.js +3 -7
  225. package/es/virtual-list/utils/algorithmUtil.js +0 -13
  226. package/es/virtual-list/utils/itemUtil.js +18 -47
  227. package/es/virtual-list/virtual-list.js +64 -137
  228. package/lib/_utils/KeyCode.js +6 -120
  229. package/lib/_utils/arrayUtil.js +0 -9
  230. package/lib/_utils/devwarning.js +0 -5
  231. package/lib/_utils/formatUtil.js +36 -103
  232. package/lib/_utils/getStringLength.js +0 -3
  233. package/lib/_utils/hooks.js +32 -90
  234. package/lib/_utils/index.js +0 -6
  235. package/lib/_utils/numberUtil.js +32 -64
  236. package/lib/_utils/omit.js +0 -5
  237. package/lib/_utils/raf.js +0 -7
  238. package/lib/_utils/react-children.js +0 -5
  239. package/lib/_utils/reactNode.js +0 -9
  240. package/lib/_utils/resizeObserver.js +2 -25
  241. package/lib/_utils/testBrowserType.js +0 -3
  242. package/lib/_utils/type.js +0 -6
  243. package/lib/_utils/usePopper.js +84 -190
  244. package/lib/alert/alert.js +20 -74
  245. package/lib/alert/index.js +0 -3
  246. package/lib/alert/style/css.js +0 -1
  247. package/lib/alert/style/index.js +0 -1
  248. package/lib/anchor/anchor-link.js +12 -35
  249. package/lib/anchor/anchor.js +69 -204
  250. package/lib/anchor/context.js +0 -7
  251. package/lib/anchor/index.js +0 -4
  252. package/lib/anchor/style/css.js +0 -1
  253. package/lib/anchor/style/index.js +0 -1
  254. package/lib/avatar/avatar.js +29 -70
  255. package/lib/avatar/index.js +0 -9
  256. package/lib/avatar/style/css.js +0 -1
  257. package/lib/avatar/style/index.js +0 -1
  258. package/lib/badge/badge.js +33 -70
  259. package/lib/badge/index.js +0 -9
  260. package/lib/badge/style/css.js +0 -1
  261. package/lib/badge/style/index.js +0 -1
  262. package/lib/base-data/base-data.js +89 -218
  263. package/lib/base-data/index.js +0 -9
  264. package/lib/base-data/interface.js +0 -2
  265. package/lib/base-data/style/css.js +0 -1
  266. package/lib/base-data/style/index.js +0 -1
  267. package/lib/button/button.js +30 -72
  268. package/lib/button/group.js +27 -61
  269. package/lib/button/index.js +0 -4
  270. package/lib/button/style/css.js +0 -1
  271. package/lib/button/style/index.js +0 -1
  272. package/lib/card/card.js +19 -35
  273. package/lib/card/index.js +0 -9
  274. package/lib/card/style/css.js +0 -1
  275. package/lib/card/style/index.js +0 -1
  276. package/lib/carousel/carousel.js +31 -112
  277. package/lib/carousel/displayList.js +2 -14
  278. package/lib/carousel/fadeList.js +4 -16
  279. package/lib/carousel/index.js +0 -12
  280. package/lib/carousel/slideList.js +1 -14
  281. package/lib/carousel/slidebar.js +5 -22
  282. package/lib/carousel/style/css.js +0 -1
  283. package/lib/carousel/style/index.js +0 -1
  284. package/lib/cascader/cascader.js +56 -150
  285. package/lib/cascader/index.js +0 -9
  286. package/lib/cascader/style/css.js +0 -1
  287. package/lib/cascader/style/index.js +0 -1
  288. package/lib/cascader/util.js +10 -87
  289. package/lib/checkbox/checkbox.js +22 -69
  290. package/lib/checkbox/group.js +18 -59
  291. package/lib/checkbox/index.js +0 -9
  292. package/lib/checkbox/style/css.js +0 -1
  293. package/lib/checkbox/style/index.css +2 -0
  294. package/lib/checkbox/style/index.js +0 -1
  295. package/lib/checkbox/style/index.less +1 -0
  296. package/lib/city-picker/city-group.js +5 -24
  297. package/lib/city-picker/city-list.js +4 -21
  298. package/lib/city-picker/city-panel-item.js +3 -17
  299. package/lib/city-picker/city-panel.js +25 -64
  300. package/lib/city-picker/city-picker.js +22 -67
  301. package/lib/city-picker/city-search-panel.js +6 -25
  302. package/lib/city-picker/index.js +0 -9
  303. package/lib/city-picker/no-data.js +3 -15
  304. package/lib/city-picker/style/css.js +0 -1
  305. package/lib/city-picker/style/index.js +0 -1
  306. package/lib/city-picker/utils/grouping.js +0 -5
  307. package/lib/collapse/collapse.js +17 -62
  308. package/lib/collapse/index.js +0 -4
  309. package/lib/collapse/panel.js +21 -62
  310. package/lib/collapse/style/css.js +0 -1
  311. package/lib/collapse/style/index.js +0 -1
  312. package/lib/config-provider/ConfigContext.js +1 -4
  313. package/lib/config-provider/SizeContext.js +1 -6
  314. package/lib/config-provider/compDefaultProps.js +0 -8
  315. package/lib/config-provider/configProvider.js +3 -18
  316. package/lib/config-provider/defaultConfig.js +0 -5
  317. package/lib/config-provider/index.js +0 -6
  318. package/lib/date-picker/calendar.js +12 -35
  319. package/lib/date-picker/context.js +0 -7
  320. package/lib/date-picker/date-panel.js +20 -81
  321. package/lib/date-picker/date-picker.js +145 -214
  322. package/lib/date-picker/hooks/use-hover-value.js +5 -19
  323. package/lib/date-picker/hooks/use-picker-input.js +17 -37
  324. package/lib/date-picker/hooks/use-range-cls.js +8 -21
  325. package/lib/date-picker/hooks/use-range-disabled.js +7 -30
  326. package/lib/date-picker/hooks/use-range-view-dates.js +16 -49
  327. package/lib/date-picker/hooks/use-state-memo.js +0 -5
  328. package/lib/date-picker/hooks/use-text-value-mapping.js +6 -20
  329. package/lib/date-picker/hooks/use-value-texts.js +0 -5
  330. package/lib/date-picker/index.js +0 -4
  331. package/lib/date-picker/panel/date-time/date-time.js +7 -23
  332. package/lib/date-picker/panel/header/header.js +9 -21
  333. package/lib/date-picker/panel/month/month.js +11 -46
  334. package/lib/date-picker/panel/quarter/quarter.js +8 -40
  335. package/lib/date-picker/panel/time/time-column.js +8 -31
  336. package/lib/date-picker/panel/time/time.js +60 -106
  337. package/lib/date-picker/panel/week/week.js +25 -73
  338. package/lib/date-picker/panel/year/year.js +19 -56
  339. package/lib/date-picker/popper.js +28 -47
  340. package/lib/date-picker/range/input-range.js +95 -145
  341. package/lib/date-picker/range-picker.d.ts +1 -0
  342. package/lib/date-picker/range-picker.js +194 -324
  343. package/lib/date-picker/single/input-date.js +87 -127
  344. package/lib/date-picker/utils/date-fns.js +25 -136
  345. package/lib/date-picker/utils/get-extra-footer.js +0 -8
  346. package/lib/date-picker/utils/get-ranges.js +13 -24
  347. package/lib/date-picker/utils/index.js +9 -104
  348. package/lib/drawer/drawer.js +49 -95
  349. package/lib/drawer/index.js +0 -9
  350. package/lib/drawer/style/css.js +0 -1
  351. package/lib/drawer/style/index.js +0 -1
  352. package/lib/dropdown/dropdown.js +26 -56
  353. package/lib/dropdown/index.js +0 -9
  354. package/lib/dropdown/menu.d.ts +3 -2
  355. package/lib/dropdown/menu.js +29 -56
  356. package/lib/dropdown/style/css.js +0 -1
  357. package/lib/dropdown/style/index.js +0 -1
  358. package/lib/empty/defaultEmptyImg.js +2 -14
  359. package/lib/empty/empty.js +15 -42
  360. package/lib/empty/illustrationEmptyImg.js +2 -14
  361. package/lib/empty/index.js +0 -9
  362. package/lib/empty/style/css.js +0 -1
  363. package/lib/empty/style/index.js +0 -1
  364. package/lib/filter/condition.js +5 -28
  365. package/lib/filter/filter.js +29 -73
  366. package/lib/filter/index.js +0 -9
  367. package/lib/filter/scheme.js +35 -82
  368. package/lib/filter/style/css.js +0 -1
  369. package/lib/filter/style/index.js +0 -1
  370. package/lib/form/Field.js +36 -127
  371. package/lib/form/FieldContext.js +0 -6
  372. package/lib/form/FieldLabel.js +11 -29
  373. package/lib/form/FieldWrapper.js +6 -19
  374. package/lib/form/Form.js +28 -65
  375. package/lib/form/FormContext.js +0 -11
  376. package/lib/form/hooks/useForceUpdate.js +2 -9
  377. package/lib/form/hooks/useForm.js +10 -98
  378. package/lib/form/index.js +0 -12
  379. package/lib/form/style/css.js +0 -1
  380. package/lib/form/style/index.js +0 -1
  381. package/lib/grid/col.js +23 -51
  382. package/lib/grid/index.js +0 -3
  383. package/lib/grid/row.js +22 -49
  384. package/lib/grid/style/css.js +0 -1
  385. package/lib/grid/style/index.js +0 -1
  386. package/lib/icon/icon.js +11 -44
  387. package/lib/icon/index.js +0 -9
  388. package/lib/icon/interface.js +0 -6
  389. package/lib/icon/style/css.js +0 -1
  390. package/lib/icon/style/index.js +0 -1
  391. package/lib/image/image.js +31 -64
  392. package/lib/image/index.js +0 -9
  393. package/lib/image/preview-group.js +25 -54
  394. package/lib/image/preview.js +24 -57
  395. package/lib/image/style/css.js +0 -1
  396. package/lib/image/style/index.js +0 -1
  397. package/lib/image-cropper/cropper.js +11 -33
  398. package/lib/image-cropper/image-cropper.js +39 -89
  399. package/lib/image-cropper/index.js +0 -3
  400. package/lib/image-cropper/operation-bar.js +14 -44
  401. package/lib/image-cropper/style/css.js +0 -1
  402. package/lib/image-cropper/style/index.js +0 -1
  403. package/lib/index.js +2 -64
  404. package/lib/input/ClearableLabeledInput.js +27 -65
  405. package/lib/input/TextArea.js +45 -108
  406. package/lib/input/calculateNodeHeight.js +4 -23
  407. package/lib/input/index.js +0 -9
  408. package/lib/input/input.js +32 -87
  409. package/lib/input-number/index.js +0 -3
  410. package/lib/input-number/inputNumber.js +50 -129
  411. package/lib/input-number/style/css.js +0 -1
  412. package/lib/input-number/style/index.js +0 -1
  413. package/lib/layout/index.js +0 -9
  414. package/lib/layout/layout.js +28 -64
  415. package/lib/layout/sider.js +39 -89
  416. package/lib/layout/style/css.js +0 -1
  417. package/lib/layout/style/index.js +0 -1
  418. package/lib/link/index.js +0 -9
  419. package/lib/link/link.js +19 -50
  420. package/lib/link/style/css.js +0 -1
  421. package/lib/link/style/index.js +0 -1
  422. package/lib/locale/index.js +0 -7
  423. package/lib/locale/locale.js +6 -58
  424. package/lib/locale/zh-CN.js +0 -4
  425. package/lib/menu/index.js +0 -9
  426. package/lib/menu/menu.js +29 -83
  427. package/lib/menu/menuItem.js +27 -69
  428. package/lib/menu/style/css.js +0 -1
  429. package/lib/menu/style/index.js +0 -1
  430. package/lib/menu/subMenu.js +44 -122
  431. package/lib/menu/util.js +4 -28
  432. package/lib/message/content.js +7 -32
  433. package/lib/message/index.js +14 -33
  434. package/lib/message/style/css.js +0 -1
  435. package/lib/message/style/index.js +0 -1
  436. package/lib/modal/confirm.js +3 -21
  437. package/lib/modal/index.js +0 -14
  438. package/lib/modal/modal.js +41 -86
  439. package/lib/modal/style/css.js +0 -1
  440. package/lib/modal/style/index.js +0 -1
  441. package/lib/notification/content.js +15 -48
  442. package/lib/notification/index.js +20 -42
  443. package/lib/notification/style/css.js +0 -1
  444. package/lib/notification/style/index.js +0 -1
  445. package/lib/notification-base/index.js +4 -31
  446. package/lib/notification-base/notice.js +12 -38
  447. package/lib/notification-base/notification.js +3 -31
  448. package/lib/pagination/index.js +0 -3
  449. package/lib/pagination/pagination.js +76 -137
  450. package/lib/pagination/style/css.js +0 -1
  451. package/lib/pagination/style/index.js +0 -1
  452. package/lib/popconfirm/index.js +0 -9
  453. package/lib/popconfirm/popconfirm.js +22 -46
  454. package/lib/popconfirm/style/css.js +0 -1
  455. package/lib/popconfirm/style/index.js +0 -1
  456. package/lib/progress/circle.js +9 -25
  457. package/lib/progress/index.js +0 -3
  458. package/lib/progress/line.js +5 -11
  459. package/lib/progress/progress.js +21 -64
  460. package/lib/progress/style/css.js +0 -1
  461. package/lib/progress/style/index.js +0 -1
  462. package/lib/progress/utils.js +6 -30
  463. package/lib/radio/context.js +0 -7
  464. package/lib/radio/group.js +19 -53
  465. package/lib/radio/index.js +0 -5
  466. package/lib/radio/radio-button.js +6 -32
  467. package/lib/radio/radio.js +19 -66
  468. package/lib/radio/style/css.js +0 -1
  469. package/lib/radio/style/index.js +0 -1
  470. package/lib/rate/index.js +0 -3
  471. package/lib/rate/rate.js +30 -82
  472. package/lib/rate/style/css.js +0 -1
  473. package/lib/rate/style/index.css +3 -3
  474. package/lib/rate/style/index.js +0 -1
  475. package/lib/rate/style/index.less +3 -9
  476. package/lib/search/index.js +0 -7
  477. package/lib/search/interface.js +0 -2
  478. package/lib/search/option.js +10 -29
  479. package/lib/search/quick-search.js +68 -171
  480. package/lib/search/search-panel.js +28 -66
  481. package/lib/search/search.js +23 -63
  482. package/lib/search/style/css.js +0 -1
  483. package/lib/search/style/index.js +0 -1
  484. package/lib/select/index.js +0 -4
  485. package/lib/select/interface.js +0 -3
  486. package/lib/select/option.js +13 -40
  487. package/lib/select/select.js +114 -234
  488. package/lib/select/style/index.css +3 -0
  489. package/lib/select/style/index.less +4 -0
  490. package/lib/slider/index.js +0 -9
  491. package/lib/slider/marks.js +9 -22
  492. package/lib/slider/slider.js +58 -123
  493. package/lib/slider/sliderTooltip.js +9 -30
  494. package/lib/slider/steps.js +8 -24
  495. package/lib/slider/style/css.js +0 -1
  496. package/lib/slider/style/index.js +0 -1
  497. package/lib/slider/track.js +5 -11
  498. package/lib/slider/utils.js +4 -21
  499. package/lib/space/index.js +0 -9
  500. package/lib/space/space.js +16 -50
  501. package/lib/space/style/css.js +0 -1
  502. package/lib/space/style/index.js +0 -1
  503. package/lib/spin/index.js +0 -9
  504. package/lib/spin/spin.js +16 -50
  505. package/lib/spin/style/css.js +0 -1
  506. package/lib/spin/style/index.js +0 -1
  507. package/lib/split-panel/index.js +0 -9
  508. package/lib/split-panel/split-panel.js +57 -101
  509. package/lib/split-panel/style/css.js +0 -1
  510. package/lib/split-panel/style/index.js +0 -1
  511. package/lib/split-panel/trigger.js +8 -23
  512. package/lib/stepper/index.js +0 -9
  513. package/lib/stepper/stepper.js +27 -81
  514. package/lib/stepper/style/css.js +0 -1
  515. package/lib/stepper/style/index.js +0 -1
  516. package/lib/steps/Step.js +18 -40
  517. package/lib/steps/Steps.js +19 -55
  518. package/lib/steps/index.js +0 -5
  519. package/lib/steps/interface.js +0 -2
  520. package/lib/steps/style/css.js +0 -1
  521. package/lib/steps/style/index.js +0 -1
  522. package/lib/style/icon/kdicon.css +0 -1
  523. package/lib/switch/index.js +0 -3
  524. package/lib/switch/style/css.js +0 -1
  525. package/lib/switch/style/index.js +0 -1
  526. package/lib/switch/switch.js +23 -59
  527. package/lib/table/api.d.ts +4 -0
  528. package/lib/table/api.js +135 -0
  529. package/lib/table/feature/autoRowSpan.js +0 -3
  530. package/lib/table/feature/colGroupExtendable.js +0 -3
  531. package/lib/table/feature/columnDrag.js +0 -3
  532. package/lib/table/feature/columnResize.js +0 -3
  533. package/lib/table/feature/contextMenu.js +0 -3
  534. package/lib/table/feature/filter.js +0 -6
  535. package/lib/table/feature/mergeCellHover.js +0 -3
  536. package/lib/table/feature/rowDetail.js +0 -5
  537. package/lib/table/feature/rowSelection.js +11 -24
  538. package/lib/table/feature/sort.js +0 -6
  539. package/lib/table/feature/treeMode.js +0 -5
  540. package/lib/table/feature/useFooterDataSource.js +0 -3
  541. package/lib/table/feature/useRangeSelection.js +0 -5
  542. package/lib/table/index.js +0 -3
  543. package/lib/table/interface.d.ts +3 -0
  544. package/lib/table/style/css.js +0 -1
  545. package/lib/table/style/index.js +0 -1
  546. package/lib/table/table.js +38 -85
  547. package/lib/tabs/active-line.js +6 -17
  548. package/lib/tabs/arrow-button.js +5 -23
  549. package/lib/tabs/context.js +0 -7
  550. package/lib/tabs/index.js +2 -6
  551. package/lib/tabs/style/css.js +0 -1
  552. package/lib/tabs/style/index.js +0 -1
  553. package/lib/tabs/tab-pane.js +7 -38
  554. package/lib/tabs/tabs.js +42 -135
  555. package/lib/tag/index.js +0 -9
  556. package/lib/tag/style/css.js +0 -1
  557. package/lib/tag/style/index.js +0 -1
  558. package/lib/tag/tag.js +34 -74
  559. package/lib/timeline/Timeline.js +16 -45
  560. package/lib/timeline/TimelineItem.js +15 -39
  561. package/lib/timeline/index.js +0 -3
  562. package/lib/timeline/style/css.js +0 -1
  563. package/lib/timeline/style/index.js +0 -1
  564. package/lib/tooltip/index.js +0 -9
  565. package/lib/tooltip/style/css.js +0 -1
  566. package/lib/tooltip/style/index.js +0 -1
  567. package/lib/tooltip/tooltip.js +7 -24
  568. package/lib/transfer/index.js +0 -3
  569. package/lib/transfer/list-body.js +12 -48
  570. package/lib/transfer/list-item.js +10 -27
  571. package/lib/transfer/list.js +35 -89
  572. package/lib/transfer/operation.js +12 -18
  573. package/lib/transfer/search.js +5 -16
  574. package/lib/transfer/style/css.js +0 -1
  575. package/lib/transfer/style/index.js +0 -1
  576. package/lib/transfer/transfer.js +51 -122
  577. package/lib/tree/index.js +0 -11
  578. package/lib/tree/style/css.js +0 -1
  579. package/lib/tree/style/index.js +0 -1
  580. package/lib/tree/tree.js +95 -196
  581. package/lib/tree/treeHooks.js +18 -64
  582. package/lib/tree/treeNode.js +57 -126
  583. package/lib/tree/utils/treeUtils.js +22 -193
  584. package/lib/typography/base.js +16 -53
  585. package/lib/typography/index.js +2 -8
  586. package/lib/typography/paragraph.js +0 -11
  587. package/lib/typography/style/css.js +0 -1
  588. package/lib/typography/style/index.js +0 -1
  589. package/lib/typography/text.js +0 -6
  590. package/lib/typography/title.js +3 -21
  591. package/lib/typography/typography.js +12 -35
  592. package/lib/upload/dragger.js +3 -21
  593. package/lib/upload/index.js +0 -11
  594. package/lib/upload/request.js +6 -27
  595. package/lib/upload/scan-files.js +2 -15
  596. package/lib/upload/style/css.js +0 -1
  597. package/lib/upload/style/index.js +0 -1
  598. package/lib/upload/upload.js +63 -151
  599. package/lib/upload/utils.js +0 -6
  600. package/lib/upload/verify-file.js +0 -9
  601. package/lib/view-container/context.js +0 -7
  602. package/lib/view-container/index.js +0 -3
  603. package/lib/view-container/view-container.js +7 -21
  604. package/lib/virtual-list/Filler.js +3 -15
  605. package/lib/virtual-list/index.js +0 -9
  606. package/lib/virtual-list/utils/algorithmUtil.js +0 -15
  607. package/lib/virtual-list/utils/itemUtil.js +18 -60
  608. package/lib/virtual-list/virtual-list.js +63 -158
  609. package/package.json +3 -2
@@ -2,20 +2,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
3
3
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
4
4
  import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
5
-
6
5
  var __rest = this && this.__rest || function (s, e) {
7
6
  var t = {};
8
-
9
- for (var p in s) {
10
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
11
- }
12
-
7
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
13
8
  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
14
9
  if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
15
10
  }
16
11
  return t;
17
12
  };
18
-
19
13
  import React, { useContext } from 'react';
20
14
  import { Icon } from '../index';
21
15
  import classNames from 'classnames';
@@ -28,75 +22,63 @@ export var ButtonSizes = tuple('large', 'middle', 'small');
28
22
  export var ButtonShapes = tuple('circle', 'round', 'none');
29
23
  export var ButtonIconPlaces = tuple('left', 'right');
30
24
  export var ButtonHTMLTypes = tuple('submit', 'button', 'reset');
31
-
32
25
  var InternalButton = function InternalButton(props, ref) {
33
26
  var _context, _context2, _context3, _classNames, _context4, _context5;
34
-
35
27
  var _useContext = useContext(ConfigContext),
36
- getPrefixCls = _useContext.getPrefixCls,
37
- prefixCls = _useContext.prefixCls,
38
- userDefaultProps = _useContext.compDefaultProps;
39
-
28
+ getPrefixCls = _useContext.getPrefixCls,
29
+ prefixCls = _useContext.prefixCls,
30
+ userDefaultProps = _useContext.compDefaultProps;
40
31
  var buttonProps = getCompProps('Button', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
41
-
42
32
  var type = buttonProps.type,
43
- iconPlace = buttonProps.iconPlace,
44
- children = buttonProps.children,
45
- className = buttonProps.className,
46
- customPrefixcls = buttonProps.prefixCls,
47
- size = buttonProps.size,
48
- loading = buttonProps.loading,
49
- shape = buttonProps.shape,
50
- bordered = buttonProps.bordered,
51
- onClick = buttonProps.onClick,
52
- icon = buttonProps.icon,
53
- ghost = buttonProps.ghost,
54
- block = buttonProps.block,
55
- disabled = buttonProps.disabled,
56
- _buttonProps$htmlType = buttonProps.htmlType,
57
- htmlType = _buttonProps$htmlType === void 0 ? 'button' : _buttonProps$htmlType,
58
- others = __rest(buttonProps, ["type", "iconPlace", "children", "className", "prefixCls", "size", "loading", "shape", "bordered", "onClick", "icon", "ghost", "block", "disabled", "htmlType"]);
59
-
33
+ iconPlace = buttonProps.iconPlace,
34
+ children = buttonProps.children,
35
+ className = buttonProps.className,
36
+ customPrefixcls = buttonProps.prefixCls,
37
+ size = buttonProps.size,
38
+ loading = buttonProps.loading,
39
+ shape = buttonProps.shape,
40
+ bordered = buttonProps.bordered,
41
+ onClick = buttonProps.onClick,
42
+ icon = buttonProps.icon,
43
+ ghost = buttonProps.ghost,
44
+ block = buttonProps.block,
45
+ disabled = buttonProps.disabled,
46
+ _buttonProps$htmlType = buttonProps.htmlType,
47
+ htmlType = _buttonProps$htmlType === void 0 ? 'button' : _buttonProps$htmlType,
48
+ others = __rest(buttonProps, ["type", "iconPlace", "children", "className", "prefixCls", "size", "loading", "shape", "bordered", "onClick", "icon", "ghost", "block", "disabled", "htmlType"]);
60
49
  devWarning(ButtonTypes.indexOf(type) === -1, 'button', "cannot found button type '".concat(type, "'"));
61
50
  var btnPrefixCls = getPrefixCls(prefixCls, 'btn', customPrefixcls); // 按钮样式前缀
62
-
63
51
  /**
64
52
  * 按钮click事件处理
65
53
  * @param {React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>} e 事件对象
66
54
  */
67
-
68
55
  var handleClick = function handleClick(e) {
69
56
  if (loading) {
70
57
  // 加载中不触发点击事件
71
58
  return;
72
59
  }
73
-
74
- var waveStatus = buttonRef.current.getAttribute('click-animating-wave'); // 进入时是否在加载动画
75
-
60
+ var waveStatus = buttonRef.current.getAttribute('click-animating-wave');
61
+ // 进入时是否在加载动画
76
62
  if (waveStatus === 'true') {
77
- buttonRef.current.setAttribute('click-animating-wave', false); // eslint-disable-next-line @typescript-eslint/no-unused-expressions
78
-
63
+ buttonRef.current.setAttribute('click-animating-wave', false);
64
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
79
65
  window.getComputedStyle(buttonRef.current).animationPlayState;
80
- } // 启动动画
81
-
82
-
66
+ }
67
+ // 启动动画
83
68
  buttonRef.current.setAttribute('click-animating-wave', true);
84
69
  buttonRef.current.addEventListener('animationend', onAnimationEnd);
85
70
  onClick && onClick(e);
86
71
  };
87
-
88
72
  var onAnimationEnd = function onAnimationEnd(e) {
89
73
  if (e.animationName === 'waveEffect') {
90
74
  return;
91
75
  }
92
-
93
76
  e.target.setAttribute('click-animating-wave', 'false');
94
77
  removeEventListener('animationend', onAnimationEnd);
95
- }; // ref
96
-
97
-
98
- var buttonRef = ref || /*#__PURE__*/React.createRef(); // 对children进行进一步处理,目前只处理typeof child === 'string'的情况,后续有特殊情况的在此方法处理
99
-
78
+ };
79
+ // ref
80
+ var buttonRef = ref || /*#__PURE__*/React.createRef();
81
+ // 对children进行进一步处理,目前只处理typeof child === 'string'的情况,后续有特殊情况的在此方法处理
100
82
  var handleChild = function handleChild(child) {
101
83
  if (typeof child === 'string') {
102
84
  return /*#__PURE__*/React.createElement("span", null, child); // 包一层span,该层span的dsiplay为inline-block, 用于处理没内容时按钮高度位置跳动问题
@@ -104,13 +86,9 @@ var InternalButton = function InternalButton(props, ref) {
104
86
 
105
87
  return child;
106
88
  };
107
-
108
89
  var isTextBtn = type === 'text'; // 判断按钮是否文本类型。这些类型下有部分样式不适用
109
-
110
90
  var btnClasses = classNames(btnPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(btnPrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(btnPrefixCls, "-size-")).call(_context2, size), size), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(btnPrefixCls, "-shape-")).call(_context3, shape), shape && !isTextBtn), _defineProperty(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _defineProperty(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _defineProperty(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _defineProperty(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _defineProperty(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
111
-
112
91
  var iconWrapperClassName = _concatInstanceProperty(_context4 = "".concat(btnPrefixCls, "-iconWrapper-")).call(_context4, iconPlace === 'left' ? 'left' : 'right');
113
-
114
92
  var iconNode = icon && !loading ? /*#__PURE__*/React.createElement("span", {
115
93
  className: iconWrapperClassName
116
94
  }, icon) : loading ? /*#__PURE__*/React.createElement("span", {
@@ -121,7 +99,6 @@ var InternalButton = function InternalButton(props, ref) {
121
99
  spin: true
122
100
  })) : null;
123
101
  var btnChild = handleChild(children);
124
-
125
102
  switch (type) {
126
103
  case 'text':
127
104
  return /*#__PURE__*/React.createElement("span", _extends({
@@ -130,7 +107,6 @@ var InternalButton = function InternalButton(props, ref) {
130
107
  onClick: handleClick,
131
108
  disabled: disabled
132
109
  }, others), iconNode, children);
133
-
134
110
  default:
135
111
  return /*#__PURE__*/React.createElement("button", _extends({
136
112
  ref: buttonRef,
@@ -147,7 +123,6 @@ var InternalButton = function InternalButton(props, ref) {
147
123
  }), iconNode));
148
124
  }
149
125
  };
150
-
151
126
  var Button = /*#__PURE__*/React.forwardRef(InternalButton);
152
127
  Button.displayName = 'Button';
153
128
  export default Button;
@@ -12,36 +12,30 @@ import usePopper from '../_utils/usePopper';
12
12
  import { toArray } from '../_utils/react-children';
13
13
  import { tuple } from '../_utils/type';
14
14
  export var ButtonGroupTypes = tuple('basic', 'similar');
15
-
16
15
  var InternalButtonGroup = function InternalButtonGroup(props, ref) {
17
16
  var _context;
18
-
19
17
  var _useContext = useContext(ConfigContext),
20
- getPrefixCls = _useContext.getPrefixCls,
21
- prefixCls = _useContext.prefixCls,
22
- userDefaultProps = _useContext.compDefaultProps;
23
-
18
+ getPrefixCls = _useContext.getPrefixCls,
19
+ prefixCls = _useContext.prefixCls,
20
+ userDefaultProps = _useContext.compDefaultProps;
24
21
  var buttonGoupProps = getCompProps('ButtonGroup', userDefaultProps, props);
25
22
  var style = buttonGoupProps.style,
26
- className = buttonGoupProps.className,
27
- children = buttonGoupProps.children,
28
- customPrefixcls = buttonGoupProps.prefixCls,
29
- onClick = buttonGoupProps.onClick,
30
- onItemClick = buttonGoupProps.onItemClick,
31
- overlay = buttonGoupProps.overlay,
32
- icon = buttonGoupProps.icon,
33
- type = buttonGoupProps.type,
34
- size = buttonGoupProps.size,
35
- buttonType = buttonGoupProps.buttonType,
36
- disabled = buttonGoupProps.disabled,
37
- onVisibleChange = buttonGoupProps.onVisibleChange;
38
-
23
+ className = buttonGoupProps.className,
24
+ children = buttonGoupProps.children,
25
+ customPrefixcls = buttonGoupProps.prefixCls,
26
+ onClick = buttonGoupProps.onClick,
27
+ onItemClick = buttonGoupProps.onItemClick,
28
+ overlay = buttonGoupProps.overlay,
29
+ icon = buttonGoupProps.icon,
30
+ type = buttonGoupProps.type,
31
+ size = buttonGoupProps.size,
32
+ buttonType = buttonGoupProps.buttonType,
33
+ disabled = buttonGoupProps.disabled,
34
+ onVisibleChange = buttonGoupProps.onVisibleChange;
39
35
  var _useState = useState(false),
40
- _useState2 = _slicedToArray(_useState, 2),
41
- optionShow = _useState2[0],
42
- setOptionShow = _useState2[1]; // 下拉列表是否展示
43
-
44
-
36
+ _useState2 = _slicedToArray(_useState, 2),
37
+ optionShow = _useState2[0],
38
+ setOptionShow = _useState2[1]; // 下拉列表是否展示
45
39
  var refBtnGroup = React.useRef(null) || ref;
46
40
  var triggerRef = React.useRef(null);
47
41
  var isBsicType = type === 'basic';
@@ -49,16 +43,15 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
49
43
  var btnGroupClasses = classNames("".concat(btnGroupPrefixCls), className, _defineProperty({}, _concatInstanceProperty(_context = "".concat(btnGroupPrefixCls, "-")).call(_context, type), type));
50
44
  var renderTriggerButton = useCallback(function () {
51
45
  var _toArray = toArray(icon),
52
- _toArray2 = _slicedToArray(_toArray, 2),
53
- _toArray2$ = _toArray2[0],
54
- iconUp = _toArray2$ === void 0 ? /*#__PURE__*/React.createElement(Icon, {
55
- type: "arrow-up"
56
- }) : _toArray2$,
57
- _toArray2$2 = _toArray2[1],
58
- iconDown = _toArray2$2 === void 0 ? /*#__PURE__*/React.createElement(Icon, {
59
- type: "arrow-down"
60
- }) : _toArray2$2;
61
-
46
+ _toArray2 = _slicedToArray(_toArray, 2),
47
+ _toArray2$ = _toArray2[0],
48
+ iconUp = _toArray2$ === void 0 ? /*#__PURE__*/React.createElement(Icon, {
49
+ type: "arrow-up"
50
+ }) : _toArray2$,
51
+ _toArray2$2 = _toArray2[1],
52
+ iconDown = _toArray2$2 === void 0 ? /*#__PURE__*/React.createElement(Icon, {
53
+ type: "arrow-down"
54
+ }) : _toArray2$2;
62
55
  return /*#__PURE__*/React.createElement("div", {
63
56
  style: style,
64
57
  className: btnGroupClasses,
@@ -95,7 +88,6 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
95
88
  }, [onItemClick]);
96
89
  var renderContent = useCallback(function () {
97
90
  var _context2;
98
-
99
91
  return /*#__PURE__*/React.createElement("div", {
100
92
  className: "".concat(btnGroupPrefixCls, "-dropdown")
101
93
  }, _mapInstanceProperty(_context2 = overlay || []).call(_context2, function (item) {
@@ -108,12 +100,10 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
108
100
  }, item.label);
109
101
  }));
110
102
  }, [btnGroupPrefixCls, overlay, handleItemClick]);
111
-
112
103
  var handleVisibleChange = function handleVisibleChange(visible) {
113
104
  setOptionShow(visible);
114
105
  onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
115
106
  };
116
-
117
107
  var popperProps = _extends(_extends({
118
108
  placement: 'bottomLeft',
119
109
  trigger: 'click',
@@ -127,10 +117,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
127
117
  return isBsicType ? locatorNode : triggerRef.current;
128
118
  }
129
119
  });
130
-
131
120
  return usePopper(renderTriggerButton(), renderContent(), popperProps);
132
121
  };
133
-
134
122
  var ButtonGroup = /*#__PURE__*/React.forwardRef(InternalButtonGroup);
135
123
  ButtonGroup.displayName = 'ButtonGroup';
136
124
  export default ButtonGroup;
package/es/card/card.js CHANGED
@@ -4,31 +4,28 @@ import classNames from 'classnames';
4
4
  import Checkbox from '../checkbox';
5
5
  import { getCompProps } from '../_utils';
6
6
  import { ConfigContext } from '../config-provider';
7
-
8
7
  var Card = function Card(props) {
9
8
  var _React$useContext = React.useContext(ConfigContext),
10
- getPrefixCls = _React$useContext.getPrefixCls,
11
- pkgPrefixCls = _React$useContext.prefixCls,
12
- userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
13
-
14
-
9
+ getPrefixCls = _React$useContext.getPrefixCls,
10
+ pkgPrefixCls = _React$useContext.prefixCls,
11
+ userDefaultProps = _React$useContext.compDefaultProps;
12
+ // 属性需要合并一遍用户定义的默认属性
15
13
  var _getCompProps = getCompProps('Card', userDefaultProps, props),
16
- tags = _getCompProps.tags,
17
- style = _getCompProps.style,
18
- title = _getCompProps.title,
19
- avatar = _getCompProps.avatar,
20
- actions = _getCompProps.actions,
21
- extra = _getCompProps.extra,
22
- children = _getCompProps.children,
23
- className = _getCompProps.className,
24
- hoverable = _getCompProps.hoverable,
25
- headStyle = _getCompProps.headStyle,
26
- bodyStyle = _getCompProps.bodyStyle,
27
- selectable = _getCompProps.selectable,
28
- checkboxProps = _getCompProps.checkboxProps,
29
- customPrefixcls = _getCompProps.prefixCls; // className前缀
30
-
31
-
14
+ tags = _getCompProps.tags,
15
+ style = _getCompProps.style,
16
+ title = _getCompProps.title,
17
+ avatar = _getCompProps.avatar,
18
+ actions = _getCompProps.actions,
19
+ extra = _getCompProps.extra,
20
+ children = _getCompProps.children,
21
+ className = _getCompProps.className,
22
+ hoverable = _getCompProps.hoverable,
23
+ headStyle = _getCompProps.headStyle,
24
+ bodyStyle = _getCompProps.bodyStyle,
25
+ selectable = _getCompProps.selectable,
26
+ checkboxProps = _getCompProps.checkboxProps,
27
+ customPrefixcls = _getCompProps.prefixCls;
28
+ // className前缀
32
29
  var prefixCls = getPrefixCls(pkgPrefixCls, 'card', customPrefixcls);
33
30
  var cardClassName = classNames(prefixCls, {
34
31
  hoverable: hoverable
@@ -62,6 +59,5 @@ var Card = function Card(props) {
62
59
  className: "".concat(prefixCls, "-extra")
63
60
  }, extra));
64
61
  };
65
-
66
62
  Card.displayName = 'Card';
67
63
  export default Card;
@@ -17,46 +17,40 @@ import { Slidebar } from './slidebar';
17
17
  import Icon from '../icon';
18
18
  export var DotPositionTypes = tuple('top', 'left', 'bottom', 'right');
19
19
  export var EffectTypes = tuple('scrollx', 'fade');
20
-
21
20
  var InternalCarousel = function InternalCarousel(props, ref) {
22
21
  var _useContext = useContext(ConfigContext),
23
- getPrefixCls = _useContext.getPrefixCls,
24
- prefixCls = _useContext.prefixCls,
25
- userDefaultProps = _useContext.compDefaultProps;
26
-
22
+ getPrefixCls = _useContext.getPrefixCls,
23
+ prefixCls = _useContext.prefixCls,
24
+ userDefaultProps = _useContext.compDefaultProps;
27
25
  var carouselProps = getCompProps('Carousel', userDefaultProps, props);
28
26
  var autoplay = carouselProps.autoplay,
29
- jumpNode = carouselProps.jumpNode,
30
- dotPosition = carouselProps.dotPosition,
31
- children = carouselProps.children,
32
- dots = carouselProps.dots,
33
- easing = carouselProps.easing,
34
- effect = carouselProps.effect,
35
- intervalTime = carouselProps.intervalTime,
36
- afterChange = carouselProps.afterChange,
37
- beforeChange = carouselProps.beforeChange,
38
- customPrefixcls = carouselProps.prefixCls,
39
- className = carouselProps.className,
40
- style = carouselProps.style;
27
+ jumpNode = carouselProps.jumpNode,
28
+ dotPosition = carouselProps.dotPosition,
29
+ children = carouselProps.children,
30
+ dots = carouselProps.dots,
31
+ easing = carouselProps.easing,
32
+ effect = carouselProps.effect,
33
+ intervalTime = carouselProps.intervalTime,
34
+ afterChange = carouselProps.afterChange,
35
+ beforeChange = carouselProps.beforeChange,
36
+ customPrefixcls = carouselProps.prefixCls,
37
+ className = carouselProps.className,
38
+ style = carouselProps.style;
41
39
  devWarning(DotPositionTypes.indexOf(dotPosition) === -1, 'carousel', "cannot found dotPosition type '".concat(dotPosition, "'"));
42
40
  devWarning(EffectTypes.indexOf(effect) === -1, 'carousel', "cannot found effect type '".concat(effect, "'"));
43
41
  var carouselPrefixCls = getPrefixCls(prefixCls, 'carousel', customPrefixcls); // 按钮样式前缀
44
-
45
42
  var _React$useState = React.useState(0),
46
- _React$useState2 = _slicedToArray(_React$useState, 2),
47
- itemWidth = _React$useState2[0],
48
- setItemWidth = _React$useState2[1];
49
-
43
+ _React$useState2 = _slicedToArray(_React$useState, 2),
44
+ itemWidth = _React$useState2[0],
45
+ setItemWidth = _React$useState2[1];
50
46
  var _React$useState3 = React.useState(false),
51
- _React$useState4 = _slicedToArray(_React$useState3, 2),
52
- needAnimation = _React$useState4[0],
53
- setNeedAnimation = _React$useState4[1];
54
-
47
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
48
+ needAnimation = _React$useState4[0],
49
+ setNeedAnimation = _React$useState4[1];
55
50
  var _React$useState5 = React.useState(0),
56
- _React$useState6 = _slicedToArray(_React$useState5, 2),
57
- currentIndex = _React$useState6[0],
58
- setCurrentIndex = _React$useState6[1];
59
-
51
+ _React$useState6 = _slicedToArray(_React$useState5, 2),
52
+ currentIndex = _React$useState6[0],
53
+ setCurrentIndex = _React$useState6[1];
60
54
  var carouselRef = React.useRef();
61
55
  var listRef = React.useRef();
62
56
  var autoplayRef = React.useRef();
@@ -79,7 +73,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
79
73
  }, [itemWidth]);
80
74
  var setScrollXEffectStyle = React.useCallback(function () {
81
75
  var _context;
82
-
83
76
  if (!listRef.current) return;
84
77
  listRef.current.style.cssText = needAnimation ? _concatInstanceProperty(_context = "transform: translateX(".concat(posX, "px); transition:all 0.3s ")).call(_context, easing) : "transform: translateX(".concat(posX, "px); transition:'none'");
85
78
  }, [needAnimation, easing, posX]);
@@ -110,28 +103,24 @@ var InternalCarousel = function InternalCarousel(props, ref) {
110
103
  React.useEffect(function () {
111
104
  var element = carouselRef.current;
112
105
  var handler = reSize;
113
-
114
106
  if (!element) {
115
107
  devWarning(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
116
108
  return;
117
109
  }
118
-
119
110
  var measure = function measure(entries) {
120
111
  if (!entries[0] || !entries[0].contentRect) {
121
112
  return;
122
113
  }
123
-
124
114
  var contentRect = entries[0].contentRect;
125
115
  var hide = contentRect.width === 0 && contentRect.height === 0; // 隐藏条件:高宽都为0
126
-
127
116
  var bottom = contentRect.bottom,
128
- height = contentRect.height,
129
- left = contentRect.left,
130
- right = contentRect.right,
131
- top = contentRect.top,
132
- width = contentRect.width,
133
- x = contentRect.x,
134
- y = contentRect.y;
117
+ height = contentRect.height,
118
+ left = contentRect.left,
119
+ right = contentRect.right,
120
+ top = contentRect.top,
121
+ width = contentRect.width,
122
+ x = contentRect.x,
123
+ y = contentRect.y;
135
124
  handler && handler({
136
125
  bottom: bottom,
137
126
  height: height,
@@ -144,7 +133,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
144
133
  hide: hide
145
134
  });
146
135
  };
147
-
148
136
  var resizeObserver = new ResizeObserver(measure);
149
137
  resizeObserver && resizeObserver.observe(element);
150
138
  return function () {
@@ -158,16 +146,13 @@ var InternalCarousel = function InternalCarousel(props, ref) {
158
146
  if (autoplay) {
159
147
  play();
160
148
  }
161
-
162
149
  return function () {
163
150
  autoplayRef.current && clearTimeout(autoplayRef.current);
164
151
  };
165
152
  }, [currentIndex, autoplay, intervalTime, play]);
166
-
167
153
  var showDot = function showDot() {
168
154
  return isBoolean(dots) ? dots : true;
169
155
  };
170
-
171
156
  useImperativeHandle(ref, function () {
172
157
  return {
173
158
  next: next,
@@ -187,17 +172,14 @@ var InternalCarousel = function InternalCarousel(props, ref) {
187
172
  if (!autoplay || !(children === null || children === void 0 ? void 0 : children.length)) return;
188
173
  var childrenL = children.length;
189
174
  var newCurrentIndex = currentIndex;
190
-
191
175
  if (isScrollxEffect) {
192
176
  if (currentIndex === -1) {
193
177
  newCurrentIndex = childrenL - 1;
194
178
  }
195
-
196
179
  if (currentIndex === childrenL) {
197
180
  newCurrentIndex = 0;
198
181
  }
199
182
  }
200
-
201
183
  afterChange && afterChange(currentIndex);
202
184
  setCurrentIndex(newCurrentIndex);
203
185
  isScrollxEffect && setNeedAnimation(false);
@@ -209,10 +191,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
209
191
  autoplay && play();
210
192
  }, [play, autoplay]);
211
193
  var rootClassName = classNames(className, _defineProperty({}, "".concat(carouselPrefixCls, "-root"), true));
212
-
213
194
  var renderDisplayList = function renderDisplayList() {
214
195
  var content;
215
-
216
196
  if (isFadeEffect) {
217
197
  content = /*#__PURE__*/React.createElement(FadeList, {
218
198
  items: children,
@@ -236,50 +216,39 @@ var InternalCarousel = function InternalCarousel(props, ref) {
236
216
  ref: listRef
237
217
  });
238
218
  }
239
-
240
219
  return content;
241
220
  };
242
-
243
221
  var renderJumpNode = function renderJumpNode() {
244
222
  if ((children === null || children === void 0 ? void 0 : children.length) && jumpNode) {
245
223
  var jumpClassPrefix = "".concat(carouselPrefixCls, "-jump");
246
-
247
224
  var leftClick = function leftClick(e) {
248
225
  e.stopPropagation();
249
-
250
226
  if (currentIndex !== 0) {
251
227
  prev();
252
228
  }
253
229
  };
254
-
255
230
  var rightClick = function rightClick(e) {
256
231
  e.stopPropagation();
257
-
258
232
  if (currentIndex !== children.length - 1) {
259
233
  next();
260
234
  }
261
235
  };
262
-
263
236
  var mergeNode = function mergeNode(node, type) {
264
237
  var onClick = function onClick(evt) {
265
238
  var chClick = node.props.onClick;
266
-
267
239
  if (type === 'left') {
268
240
  leftClick(evt);
269
241
  } else {
270
242
  rightClick(evt);
271
243
  }
272
-
273
244
  if (typeof chClick === 'function') {
274
245
  chClick(evt);
275
246
  }
276
247
  };
277
-
278
248
  return _extends(_extends({}, node.props), {
279
249
  onClick: onClick
280
250
  });
281
251
  };
282
-
283
252
  var leftNode = /*#__PURE__*/React.createElement("div", {
284
253
  className: classNames(jumpClassPrefix, "".concat(jumpClassPrefix, "-left"), _defineProperty({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex <= 0))
285
254
  }, Array.isArray(jumpNode) && jumpNode.length > 0 && /*#__PURE__*/isValidElement(jumpNode[0]) ? /*#__PURE__*/React.cloneElement(jumpNode[0], mergeNode(jumpNode[0], 'left')) : /*#__PURE__*/React.createElement(Icon, {
@@ -296,10 +265,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
296
265
  }));
297
266
  return /*#__PURE__*/React.createElement(React.Fragment, null, leftNode, rightNode);
298
267
  }
299
-
300
268
  return null;
301
269
  };
302
-
303
270
  return /*#__PURE__*/React.createElement("div", {
304
271
  className: rootClassName,
305
272
  ref: carouselRef,
@@ -318,7 +285,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
318
285
  onClick: handleClick
319
286
  }) : null, renderJumpNode());
320
287
  };
321
-
322
288
  var Carousel = /*#__PURE__*/React.forwardRef(InternalCarousel);
323
289
  Carousel.displayName = 'Carousel';
324
290
  export default Carousel;
@@ -4,14 +4,12 @@ import React from 'react';
4
4
  import classNames from 'classnames';
5
5
  export var DisplayList = /*#__PURE__*/React.forwardRef(function (props, ref) {
6
6
  var _context;
7
-
8
7
  var items = props.items,
9
- parentPrefixCls = props.parentPrefixCls,
10
- currentIndex = props.currentIndex;
8
+ parentPrefixCls = props.parentPrefixCls,
9
+ currentIndex = props.currentIndex;
11
10
  var itemRef = React.useRef(null);
12
11
  var displayListPrefixCls = "".concat(parentPrefixCls, "-list-display");
13
12
  var listPrefixCls = "".concat(parentPrefixCls, "-list");
14
-
15
13
  var renderItems = function renderItems() {
16
14
  return _mapInstanceProperty(items).call(items, function (item, index) {
17
15
  var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
@@ -22,7 +20,6 @@ export var DisplayList = /*#__PURE__*/React.forwardRef(function (props, ref) {
22
20
  }, item);
23
21
  });
24
22
  };
25
-
26
23
  return /*#__PURE__*/React.createElement("ul", {
27
24
  className: _concatInstanceProperty(_context = "".concat(listPrefixCls, " ")).call(_context, displayListPrefixCls),
28
25
  ref: ref
@@ -4,16 +4,14 @@ import React from 'react';
4
4
  import classNames from 'classnames';
5
5
  export var FadeList = /*#__PURE__*/React.forwardRef(function (props, ref) {
6
6
  var _context;
7
-
8
7
  var items = props.items,
9
- parentPrefixCls = props.parentPrefixCls,
10
- needAnimation = props.needAnimation,
11
- currentIndex = props.currentIndex,
12
- itemWidth = props.itemWidth;
8
+ parentPrefixCls = props.parentPrefixCls,
9
+ needAnimation = props.needAnimation,
10
+ currentIndex = props.currentIndex,
11
+ itemWidth = props.itemWidth;
13
12
  var itemRef = React.useRef(null);
14
13
  var fadeListPrefixCls = "".concat(parentPrefixCls, "-list-fade");
15
14
  var listPrefixCls = "".concat(parentPrefixCls, "-list");
16
-
17
15
  var renderItems = function renderItems() {
18
16
  return _mapInstanceProperty(items).call(items, function (item, index) {
19
17
  var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
@@ -29,7 +27,6 @@ export var FadeList = /*#__PURE__*/React.forwardRef(function (props, ref) {
29
27
  }, item);
30
28
  });
31
29
  };
32
-
33
30
  return /*#__PURE__*/React.createElement("ul", {
34
31
  className: _concatInstanceProperty(_context = "".concat(listPrefixCls, " ")).call(_context, fadeListPrefixCls),
35
32
  ref: ref
@@ -4,18 +4,13 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
4
4
  import React from 'react';
5
5
  export var SlideList = /*#__PURE__*/React.forwardRef(function (props, ref) {
6
6
  var _context2;
7
-
8
7
  var items = props.items,
9
- parentPrefixCls = props.parentPrefixCls;
8
+ parentPrefixCls = props.parentPrefixCls;
10
9
  var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
11
10
  var listPrefixCls = "".concat(parentPrefixCls, "-list");
12
-
13
11
  var renderItems = function renderItems() {
14
12
  var _context;
15
-
16
13
  var _items = _concatInstanceProperty(_context = _sliceInstanceProperty(items).call(items, -1)).call(_context, items, _sliceInstanceProperty(items).call(items, 0, 1)); // 首位分别添加一项
17
-
18
-
19
14
  return _mapInstanceProperty(_items).call(_items, function (item, index) {
20
15
  return /*#__PURE__*/React.createElement("li", {
21
16
  className: "".concat(listPrefixCls, "-item"),
@@ -23,7 +18,6 @@ export var SlideList = /*#__PURE__*/React.forwardRef(function (props, ref) {
23
18
  }, item);
24
19
  });
25
20
  };
26
-
27
21
  return /*#__PURE__*/React.createElement("ul", {
28
22
  className: _concatInstanceProperty(_context2 = "".concat(listPrefixCls, " ")).call(_context2, slideListPrefixCls),
29
23
  ref: ref