@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
@@ -1,104 +1,78 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
4
  var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
5
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
6
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
7
  Object.defineProperty(exports, "__esModule", {
12
8
  value: true
13
9
  });
14
10
  exports.default = void 0;
15
-
16
11
  var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
17
-
18
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
19
-
20
13
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
21
-
22
14
  var React = _interopRequireWildcard(require("react"));
23
-
24
15
  var _classnames = _interopRequireDefault(require("classnames"));
25
-
26
16
  var _utils = require("../_utils");
27
-
28
17
  var _configProvider = require("../config-provider");
29
-
30
18
  var _preview = _interopRequireDefault(require("./preview"));
31
-
32
19
  var _previewGroup = _interopRequireDefault(require("./preview-group"));
33
-
34
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
-
36
21
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
-
38
22
  var ImageInternal = function ImageInternal(props, ref) {
39
23
  var _React$useContext = React.useContext(_configProvider.ConfigContext),
40
- getPrefixCls = _React$useContext.getPrefixCls,
41
- pkgPrefixCls = _React$useContext.prefixCls,
42
- userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
43
-
44
-
24
+ getPrefixCls = _React$useContext.getPrefixCls,
25
+ pkgPrefixCls = _React$useContext.prefixCls,
26
+ userDefaultProps = _React$useContext.compDefaultProps;
27
+ // 属性需要合并一遍用户定义的默认属性
45
28
  var allProps = (0, _utils.getCompProps)('Image', userDefaultProps, props);
46
29
  var innerRef = React.useRef();
47
30
  var previewRef = ref || innerRef;
48
31
  var id = allProps.id,
49
- alt = allProps.alt,
50
- name = allProps.name,
51
- size = allProps.size,
52
- width = allProps.width,
53
- height = allProps.height,
54
- preview = allProps.preview,
55
- fallback = allProps.fallback,
56
- operations = allProps.operations,
57
- _allProps$placeholder = allProps.placeholder,
58
- placeholder = _allProps$placeholder === void 0 ? '' : _allProps$placeholder,
59
- customPrefixcls = allProps.prefixCls; // className前缀
60
-
32
+ alt = allProps.alt,
33
+ name = allProps.name,
34
+ size = allProps.size,
35
+ width = allProps.width,
36
+ height = allProps.height,
37
+ preview = allProps.preview,
38
+ fallback = allProps.fallback,
39
+ operations = allProps.operations,
40
+ _allProps$placeholder = allProps.placeholder,
41
+ placeholder = _allProps$placeholder === void 0 ? '' : _allProps$placeholder,
42
+ customPrefixcls = allProps.prefixCls;
43
+ // className前缀
61
44
  var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
62
-
63
45
  var _React$useState = React.useState(false),
64
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
65
- exit = _React$useState2[0],
66
- setExit = _React$useState2[1];
67
-
46
+ _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
47
+ exit = _React$useState2[0],
48
+ setExit = _React$useState2[1];
68
49
  React.useEffect(function () {
69
50
  if (exit) setVisible(true);
70
51
  }, [exit]);
71
-
72
52
  var _React$useState3 = React.useState(placeholder),
73
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
74
- src = _React$useState4[0],
75
- setSrc = _React$useState4[1];
76
-
53
+ _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
54
+ src = _React$useState4[0],
55
+ setSrc = _React$useState4[1];
77
56
  var _React$useState5 = React.useState(true),
78
- _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
79
- error = _React$useState6[0],
80
- setError = _React$useState6[1];
81
-
57
+ _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
58
+ error = _React$useState6[0],
59
+ setError = _React$useState6[1];
82
60
  var _React$useState7 = React.useState(false),
83
- _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
84
- visible = _React$useState8[0],
85
- setVisible = _React$useState8[1];
86
-
61
+ _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
62
+ visible = _React$useState8[0],
63
+ setVisible = _React$useState8[1];
87
64
  var _React$useState9 = React.useState(''),
88
- _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
89
- transformOrigin = _React$useState10[0],
90
- setTransformOrigin = _React$useState10[1];
91
-
65
+ _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
66
+ transformOrigin = _React$useState10[0],
67
+ setTransformOrigin = _React$useState10[1];
92
68
  React.useEffect(function () {
93
69
  placeholder && setSrc(placeholder);
94
70
  var img = new window.Image();
95
71
  img.src = props.src;
96
-
97
72
  img.onload = function () {
98
73
  setError(false);
99
74
  setSrc(props.src);
100
75
  };
101
-
102
76
  img.onerror = function () {
103
77
  setError(true);
104
78
  setSrc(fallback || props.src);
@@ -113,30 +87,24 @@ var ImageInternal = function ImageInternal(props, ref) {
113
87
  },
114
88
  className: "".concat(prefixCls, "-img")
115
89
  };
116
-
117
90
  if (!error) {
118
91
  imgProps.onClick = function (e) {
119
92
  preview && (exit ? setVisible(true) : setExit(true));
120
93
  props.onClick && props.onClick(e);
121
94
  };
122
95
  }
123
-
124
96
  var calcTransformOrigin = function calcTransformOrigin(element) {
125
97
  var _context;
126
-
127
98
  var transformOriginX = element.getBoundingClientRect().x + element.getBoundingClientRect().width / 2;
128
99
  var transformOriginY = element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
129
100
  setTransformOrigin((0, _concat.default)(_context = "".concat(transformOriginX, "px ")).call(_context, transformOriginY, "px"));
130
101
  };
131
-
132
102
  React.useEffect(function () {
133
103
  previewRef.current && calcTransformOrigin(previewRef.current);
134
104
  });
135
-
136
105
  var onClose = function onClose() {
137
106
  return setVisible(false);
138
107
  };
139
-
140
108
  var previewProps = {
141
109
  alt: alt,
142
110
  name: name,
@@ -165,7 +133,6 @@ var ImageInternal = function ImageInternal(props, ref) {
165
133
  className: "".concat(prefixCls, "-action")
166
134
  }, operations), preview && exit && /*#__PURE__*/React.createElement(_preview.default, (0, _extends2.default)({}, previewProps)));
167
135
  };
168
-
169
136
  var Image = /*#__PURE__*/React.forwardRef(ImageInternal);
170
137
  var ImageOuter = Image;
171
138
  ImageOuter.Preview = _preview.default;
@@ -1,21 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
4
  var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
5
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
6
  var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
10
-
11
7
  Object.defineProperty(exports, "__esModule", {
12
8
  value: true
13
9
  });
14
10
  var _exportNames = {};
15
11
  exports.default = void 0;
16
-
17
12
  var _image = _interopRequireWildcard(require("./image"));
18
-
19
13
  _Object$keys(_image).forEach(function (key) {
20
14
  if (key === "default" || key === "__esModule") return;
21
15
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -27,10 +21,7 @@ _Object$keys(_image).forEach(function (key) {
27
21
  }
28
22
  });
29
23
  });
30
-
31
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
32
-
33
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
34
-
35
26
  var _default = _image.default;
36
27
  exports.default = _default;
@@ -1,71 +1,52 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
4
  var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
5
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
6
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
7
  Object.defineProperty(exports, "__esModule", {
12
8
  value: true
13
9
  });
14
10
  exports.default = void 0;
15
-
16
11
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
17
-
18
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
19
-
20
13
  var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
21
-
22
14
  var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
23
-
24
15
  var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
25
-
26
16
  var React = _interopRequireWildcard(require("react"));
27
-
28
17
  var _preview = _interopRequireDefault(require("./preview"));
29
-
30
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
-
32
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
33
-
34
20
  var PreviewGroup = function PreviewGroup(_ref) {
35
21
  var children = _ref.children,
36
- className = _ref.className,
37
- style = _ref.style,
38
- previewType = _ref.previewType,
39
- operations = _ref.operations;
22
+ className = _ref.className,
23
+ style = _ref.style,
24
+ previewType = _ref.previewType,
25
+ operations = _ref.operations;
40
26
  var images = React.useMemo(function () {
41
27
  var _context;
42
-
43
28
  return Array.isArray(children) ? (0, _map.default)(_context = (0, _filter.default)(children).call(children, function (image) {
44
29
  return image.props.src;
45
30
  })).call(_context, function (image) {
46
31
  return image.props;
47
32
  }) : [children !== undefined ? children.props : {}];
48
- }, [children]); // eslint-disable-next-line react-hooks/rules-of-hooks
49
-
33
+ }, [children]);
34
+ // eslint-disable-next-line react-hooks/rules-of-hooks
50
35
  var refs = (0, _map.default)(images).call(images, function () {
51
36
  return React.useRef();
52
37
  });
53
-
54
38
  var _React$useState = React.useState(images[0] || {}),
55
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
56
- image = _React$useState2[0],
57
- setImage = _React$useState2[1];
58
-
39
+ _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
40
+ image = _React$useState2[0],
41
+ setImage = _React$useState2[1];
59
42
  var _React$useState3 = React.useState(0),
60
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
61
- current = _React$useState4[0],
62
- setCurrent = _React$useState4[1];
63
-
43
+ _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
44
+ current = _React$useState4[0],
45
+ setCurrent = _React$useState4[1];
64
46
  var _React$useState5 = React.useState(false),
65
- _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
66
- exit = _React$useState6[0],
67
- setExit = _React$useState6[1];
68
-
47
+ _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
48
+ exit = _React$useState6[0],
49
+ setExit = _React$useState6[1];
69
50
  React.useEffect(function () {
70
51
  exit && setVisible(true);
71
52
  }, [exit]);
@@ -74,48 +55,39 @@ var PreviewGroup = function PreviewGroup(_ref) {
74
55
  setImage(images[current]);
75
56
  }
76
57
  }, [current, images]);
77
-
78
58
  var _React$useState7 = React.useState(false),
79
- _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
80
- visible = _React$useState8[0],
81
- setVisible = _React$useState8[1];
82
-
59
+ _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
60
+ visible = _React$useState8[0],
61
+ setVisible = _React$useState8[1];
83
62
  var _React$useState9 = React.useState(''),
84
- _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
85
- transformOrigin = _React$useState10[0],
86
- setTransformOrigin = _React$useState10[1];
87
-
63
+ _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
64
+ transformOrigin = _React$useState10[0],
65
+ setTransformOrigin = _React$useState10[1];
88
66
  var calcTransformOrigin = function calcTransformOrigin(element) {
89
67
  var _context2;
90
-
91
68
  var transformOriginX = element && element.getBoundingClientRect().x + element.getBoundingClientRect().width / 2;
92
69
  var transformOriginY = element && element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
93
70
  setTransformOrigin((0, _concat.default)(_context2 = "".concat(transformOriginX, "px ")).call(_context2, transformOriginY, "px"));
94
71
  };
95
-
96
72
  var onPreview = function onPreview(index) {
97
73
  setCurrent(index);
98
74
  calcTransformOrigin(refs[index].current);
99
75
  exit ? setVisible(true) : setExit(true);
100
76
  };
101
-
102
77
  var onClose = function onClose() {
103
78
  return setVisible(false);
104
79
  };
105
-
106
80
  var onNext = function onNext() {
107
81
  return current < images.length - 1 && setCurrent(current + 1);
108
82
  };
109
-
110
83
  var onPrevious = function onPrevious() {
111
84
  return current > 0 && setCurrent(current - 1);
112
85
  };
113
-
114
86
  var alt = image.alt,
115
- src = image.src,
116
- previewStyle = image.previewStyle,
117
- previewClassName = image.previewClassName,
118
- previewOperations = image.previewOperations;
87
+ src = image.src,
88
+ previewStyle = image.previewStyle,
89
+ previewClassName = image.previewClassName,
90
+ previewOperations = image.previewOperations;
119
91
  var previewProps = {
120
92
  alt: alt,
121
93
  src: src,
@@ -141,6 +113,5 @@ var PreviewGroup = function PreviewGroup(_ref) {
141
113
  });
142
114
  }) : children, exit && /*#__PURE__*/React.createElement(_preview.default, (0, _extends2.default)({}, previewProps)));
143
115
  };
144
-
145
116
  var _default = PreviewGroup;
146
117
  exports.default = _default;
@@ -1,92 +1,65 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
4
  var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
5
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
6
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
7
  Object.defineProperty(exports, "__esModule", {
12
8
  value: true
13
9
  });
14
10
  exports.default = void 0;
15
-
16
11
  var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
17
-
18
12
  var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
19
-
20
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
21
-
22
14
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
23
-
24
15
  var React = _interopRequireWildcard(require("react"));
25
-
26
16
  var _reactDom = _interopRequireDefault(require("react-dom"));
27
-
28
17
  var _classnames = _interopRequireDefault(require("classnames"));
29
-
30
18
  var _utils = require("../_utils");
31
-
32
19
  var _configProvider = require("../config-provider");
33
-
34
20
  var _icon = _interopRequireDefault(require("../icon"));
35
-
36
21
  var _throttle = _interopRequireDefault(require("lodash/throttle"));
37
-
38
22
  var _findLast = _interopRequireDefault(require("lodash/findLast"));
39
-
40
23
  var _reactDraggable = _interopRequireDefault(require("react-draggable"));
41
-
42
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
43
-
44
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
45
-
46
26
  var Preview = function Preview(props) {
47
27
  var _context;
48
-
49
28
  var _React$useContext = React.useContext(_configProvider.ConfigContext),
50
- getPrefixCls = _React$useContext.getPrefixCls,
51
- pkgPrefixCls = _React$useContext.prefixCls,
52
- userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
53
-
54
-
29
+ getPrefixCls = _React$useContext.getPrefixCls,
30
+ pkgPrefixCls = _React$useContext.prefixCls,
31
+ userDefaultProps = _React$useContext.compDefaultProps;
32
+ // 属性需要合并一遍用户定义的默认属性
55
33
  var allProps = (0, _utils.getCompProps)('Image', userDefaultProps, props);
56
34
  var src = allProps.src,
57
- alt = allProps.alt,
58
- name = allProps.name,
59
- size = allProps.size,
60
- scales = allProps.scales,
61
- visible = allProps.visible,
62
- onClose = allProps.onClose,
63
- current = allProps.current,
64
- length = allProps.length,
65
- operations = allProps.operations,
66
- customPrefixcls = allProps.prefixCls; // className前缀
67
-
35
+ alt = allProps.alt,
36
+ name = allProps.name,
37
+ size = allProps.size,
38
+ scales = allProps.scales,
39
+ visible = allProps.visible,
40
+ onClose = allProps.onClose,
41
+ current = allProps.current,
42
+ length = allProps.length,
43
+ operations = allProps.operations,
44
+ customPrefixcls = allProps.prefixCls;
45
+ // className前缀
68
46
  var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
69
-
70
47
  var _React$useState = React.useState(visible),
71
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
72
- show = _React$useState2[0],
73
- setShow = _React$useState2[1];
74
-
48
+ _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
49
+ show = _React$useState2[0],
50
+ setShow = _React$useState2[1];
75
51
  React.useEffect(function () {
76
52
  setShow(visible);
77
53
  visible && setPreviewSrc(src);
78
54
  }, [visible, src]);
79
-
80
55
  var _React$useState3 = React.useState(src),
81
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
82
- previewSrc = _React$useState4[0],
83
- setPreviewSrc = _React$useState4[1];
84
-
56
+ _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
57
+ previewSrc = _React$useState4[0],
58
+ setPreviewSrc = _React$useState4[1];
85
59
  var _React$useState5 = React.useState(1),
86
- _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
87
- scale = _React$useState6[0],
88
- setScale = _React$useState6[1];
89
-
60
+ _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
61
+ scale = _React$useState6[0],
62
+ setScale = _React$useState6[1];
90
63
  var maxScale = scales[scales.length - 1] / 100;
91
64
  var minScale = scales[0] / 100;
92
65
  React.useEffect(function () {
@@ -95,7 +68,6 @@ var Preview = function Preview(props) {
95
68
  var throMouseWheel = (0, _throttle.default)(function (e) {
96
69
  if (e.wheelDelta > 0) {
97
70
  if (scale > maxScale) return;
98
-
99
71
  if (scale + 0.1 > maxScale) {
100
72
  setScale(maxScale);
101
73
  } else {
@@ -103,7 +75,6 @@ var Preview = function Preview(props) {
103
75
  }
104
76
  } else if (e.wheelDelta < 0) {
105
77
  if (scale < minScale) return;
106
-
107
78
  if (scale - 0.1 < minScale) {
108
79
  setScale(minScale);
109
80
  } else {
@@ -120,21 +91,18 @@ var Preview = function Preview(props) {
120
91
  setScale(1);
121
92
  }
122
93
  }, [show, scale]);
123
-
124
94
  var handleZoomOut = function handleZoomOut() {
125
95
  var nextScale = (0, _findLast.default)(scales, function (s) {
126
96
  return s / 100 < scale;
127
97
  });
128
98
  if (nextScale !== undefined) setScale(nextScale / 100);
129
99
  };
130
-
131
100
  var handleZoomIn = function handleZoomIn() {
132
101
  var nextScale = (0, _find.default)(scales).call(scales, function (s) {
133
102
  return s / 100 > scale;
134
103
  });
135
104
  if (nextScale !== undefined) setScale(nextScale / 100);
136
105
  };
137
-
138
106
  var previewImgProps = {
139
107
  alt: alt,
140
108
  src: previewSrc,
@@ -232,6 +200,5 @@ var Preview = function Preview(props) {
232
200
  }), "\u5173\u95ED"))));
233
201
  return /*#__PURE__*/_reactDom.default.createPortal(peviewContainer, document.body);
234
202
  };
235
-
236
203
  var _default = Preview;
237
204
  exports.default = _default;
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
2
 
3
3
  require("../../style/index.css");
4
-
5
4
  require("./index.css");
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
2
 
3
3
  require("../../style/index.less");
4
-
5
4
  require("./index.less");
@@ -1,32 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
-
5
4
  var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
6
-
7
5
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
-
9
6
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
-
11
7
  Object.defineProperty(exports, "__esModule", {
12
8
  value: true
13
9
  });
14
10
  exports.default = exports.DragModeTypes = void 0;
15
-
16
11
  var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
17
-
18
12
  var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
19
-
20
13
  var _react = _interopRequireWildcard(require("react"));
21
-
22
14
  var _cropperjs = _interopRequireDefault(require("cropperjs"));
23
-
24
15
  var _type = require("../_utils/type");
25
-
26
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
18
  // crop 形成新的裁剪框
31
19
  // move 图片可移动
32
20
  // none 都不能移动
@@ -47,17 +35,17 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
47
35
  };
48
36
  });
49
37
  var className = props.className,
50
- _props$imgSrc = props.imgSrc,
51
- imgSrc = _props$imgSrc === void 0 ? '' : _props$imgSrc,
52
- dragMode = props.dragMode,
53
- viewMode = props.viewMode,
54
- aspectRatio = props.aspectRatio,
55
- _props$modal = props.modal,
56
- modal = _props$modal === void 0 ? true : _props$modal,
57
- _props$zoomOnWheel = props.zoomOnWheel,
58
- zoomOnWheel = _props$zoomOnWheel === void 0 ? true : _props$zoomOnWheel,
59
- _props$cropBoxMovable = props.cropBoxMovable,
60
- cropBoxMovable = _props$cropBoxMovable === void 0 ? true : _props$cropBoxMovable;
38
+ _props$imgSrc = props.imgSrc,
39
+ imgSrc = _props$imgSrc === void 0 ? '' : _props$imgSrc,
40
+ dragMode = props.dragMode,
41
+ viewMode = props.viewMode,
42
+ aspectRatio = props.aspectRatio,
43
+ _props$modal = props.modal,
44
+ modal = _props$modal === void 0 ? true : _props$modal,
45
+ _props$zoomOnWheel = props.zoomOnWheel,
46
+ zoomOnWheel = _props$zoomOnWheel === void 0 ? true : _props$zoomOnWheel,
47
+ _props$cropBoxMovable = props.cropBoxMovable,
48
+ cropBoxMovable = _props$cropBoxMovable === void 0 ? true : _props$cropBoxMovable;
61
49
  var options = (0, _react.useMemo)(function () {
62
50
  return {
63
51
  aspectRatio: aspectRatio,
@@ -74,16 +62,13 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
74
62
  (0, _react.useEffect)(function () {
75
63
  if (!imgRef.current) return;
76
64
  if (!imgSrc) return;
77
-
78
65
  if (cropperRef.current) {
79
66
  cropperRef.current.destroy();
80
67
  }
81
-
82
68
  imgRef.current.onload = function () {
83
69
  var img = imgRef.current;
84
70
  cropperRef.current = new _cropperjs.default(img, options);
85
71
  };
86
-
87
72
  return function () {
88
73
  if (cropperRef.current) {
89
74
  cropperRef.current.destroy();
@@ -97,13 +82,11 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
97
82
  }
98
83
  };
99
84
  }, []);
100
-
101
85
  var getImage = function getImage() {
102
86
  return new _promise.default(function (resolve) {
103
87
  if (!cropperRef.current) return resolve(null);
104
88
  cropperRef.current.getCroppedCanvas().toBlob(function (blob) {
105
89
  var _context;
106
-
107
90
  if (!blob) return resolve(null);
108
91
  resolve(new File([blob], "".concat((0, _slice.default)(_context = Math.random().toString(36)).call(_context, -8), ".png"), {
109
92
  type: blob.type
@@ -111,27 +94,22 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
111
94
  });
112
95
  });
113
96
  };
114
-
115
97
  var reset = function reset() {
116
98
  if (!cropperRef.current) return;
117
99
  cropperRef.current.reset();
118
100
  };
119
-
120
101
  var rotate = function rotate() {
121
102
  if (!cropperRef.current) return;
122
103
  cropperRef.current.rotate(-90);
123
104
  };
124
-
125
105
  var zoom = function zoom(num) {
126
106
  if (!cropperRef.current) return;
127
107
  cropperRef.current.zoom(num);
128
108
  };
129
-
130
109
  var replace = function replace(src) {
131
110
  if (!cropperRef.current) return;
132
111
  cropperRef.current.replace(src);
133
112
  };
134
-
135
113
  var imgStyle = {
136
114
  display: 'none'
137
115
  };