@para-ui/core 3.0.53 → 3.0.55

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 (407) hide show
  1. package/README.md +24 -0
  2. package/package.json +1 -1
  3. package/AutoBox/index.d.ts +0 -34
  4. package/AutoBox/index.js +0 -277
  5. package/AutoBox/protal.d.ts +0 -17
  6. package/AutoTips/autoTipsMultiline/index.d.ts +0 -18
  7. package/AutoTips/index.d.ts +0 -35
  8. package/AutoTips/index.js +0 -271
  9. package/Breadcrumbs/index.d.ts +0 -53
  10. package/Breadcrumbs/index.js +0 -266
  11. package/Breadcrumbs/lang/en_US.d.ts +0 -4
  12. package/Breadcrumbs/lang/index.d.ts +0 -9
  13. package/Breadcrumbs/lang/zh_CN.d.ts +0 -4
  14. package/Button/SplitButton.d.ts +0 -64
  15. package/Button/index.d.ts +0 -79
  16. package/Button/index.js +0 -376
  17. package/Button/lang/en_US.d.ts +0 -4
  18. package/Button/lang/index.d.ts +0 -9
  19. package/Button/lang/zh_CN.d.ts +0 -4
  20. package/ButtonGroup/index.d.ts +0 -33
  21. package/ButtonGroup/index.js +0 -124
  22. package/Carousel/index.d.ts +0 -38
  23. package/Carousel/index.js +0 -78
  24. package/Cascader/index.d.ts +0 -54
  25. package/Cascader/index.js +0 -159
  26. package/Cascader/lang/en_US.d.ts +0 -4
  27. package/Cascader/lang/index.d.ts +0 -9
  28. package/Cascader/lang/zh_CN.d.ts +0 -4
  29. package/Checkbox/index.d.ts +0 -40
  30. package/Checkbox/index.js +0 -109
  31. package/CheckboxGroup/index.d.ts +0 -45
  32. package/CheckboxGroup/index.js +0 -142
  33. package/Collapse/collapsePanel.d.ts +0 -30
  34. package/Collapse/index.d.ts +0 -57
  35. package/Collapse/index.js +0 -152
  36. package/Collapse/motion.d.ts +0 -5
  37. package/Collapse/util.d.ts +0 -11
  38. package/CollapseBox/index.d.ts +0 -27
  39. package/CollapseBox/index.js +0 -148
  40. package/CollapseBox/util.d.ts +0 -5
  41. package/CollapseLayout/index.d.ts +0 -53
  42. package/CollapseLayout/index.js +0 -176
  43. package/ColorPicker/index.d.ts +0 -4
  44. package/ColorPicker/index.js +0 -4
  45. package/ComboSelect/index.d.ts +0 -6
  46. package/ComboSelect/index.js +0 -1049
  47. package/ComboSelect/interface.d.ts +0 -146
  48. package/ComboSelect/lang/en_US.d.ts +0 -9
  49. package/ComboSelect/lang/index.d.ts +0 -19
  50. package/ComboSelect/lang/zh_CN.d.ts +0 -9
  51. package/ComboSelect/utils.d.ts +0 -9
  52. package/Container/index.d.ts +0 -77
  53. package/Container/index.js +0 -232
  54. package/DatePicker/PickerButton.d.ts +0 -3
  55. package/DatePicker/PickerTag.d.ts +0 -3
  56. package/DatePicker/generatePicker/generateRangePicker.d.ts +0 -4
  57. package/DatePicker/generatePicker/generateSinglePicker.d.ts +0 -11
  58. package/DatePicker/generatePicker/index.d.ts +0 -95
  59. package/DatePicker/index.d.ts +0 -18
  60. package/DatePicker/index.js +0 -633
  61. package/DatePicker/lang/en_US.d.ts +0 -3
  62. package/DatePicker/lang/index.d.ts +0 -7
  63. package/DatePicker/lang/zh_CN.d.ts +0 -3
  64. package/DatePicker/util.d.ts +0 -22
  65. package/Desktop/index.d.ts +0 -57
  66. package/Desktop/index.js +0 -746
  67. package/DragVerify/index.d.ts +0 -36
  68. package/DragVerify/index.js +0 -385
  69. package/DragVerify/lang/en_US.d.ts +0 -5
  70. package/DragVerify/lang/index.d.ts +0 -11
  71. package/DragVerify/lang/zh_CN.d.ts +0 -5
  72. package/Drawer/index.d.ts +0 -11
  73. package/Drawer/index.js +0 -235
  74. package/Drawer/interface.d.ts +0 -92
  75. package/Drawer/lang/en_US.d.ts +0 -5
  76. package/Drawer/lang/index.d.ts +0 -11
  77. package/Drawer/lang/zh_CN.d.ts +0 -5
  78. package/Dropdown/index.d.ts +0 -40
  79. package/Dropdown/index.js +0 -10
  80. package/DynamicMultiBox/formItem.d.ts +0 -14
  81. package/DynamicMultiBox/index.d.ts +0 -5
  82. package/DynamicMultiBox/index.js +0 -1313
  83. package/DynamicMultiBox/interface.d.ts +0 -161
  84. package/DynamicMultiBox/rowForm.d.ts +0 -24
  85. package/Empty/images/index.d.ts +0 -3
  86. package/Empty/index.d.ts +0 -30
  87. package/Empty/index.js +0 -642
  88. package/Empty/lang/en_US.d.ts +0 -6
  89. package/Empty/lang/index.d.ts +0 -13
  90. package/Empty/lang/zh_CN.d.ts +0 -6
  91. package/Form/index.d.ts +0 -187
  92. package/Form/index.js +0 -355
  93. package/FormItem/compoments/defaultCompoments/index.d.ts +0 -19
  94. package/FormItem/compoments/formCheckboxGroup/index.d.ts +0 -8
  95. package/FormItem/compoments/formFile/index.d.ts +0 -38
  96. package/FormItem/compoments/formRadioGroup/index.d.ts +0 -8
  97. package/FormItem/compoments/formSelect/index.d.ts +0 -18
  98. package/FormItem/errorTips.d.ts +0 -12
  99. package/FormItem/index.d.ts +0 -152
  100. package/FormItem/index.js +0 -78
  101. package/FormItem/itemType.d.ts +0 -42
  102. package/FormItem/validateFunction.d.ts +0 -15
  103. package/FunctionModal/dialog.d.ts +0 -58
  104. package/FunctionModal/index.d.ts +0 -8
  105. package/FunctionModal/index.js +0 -43
  106. package/FunctionModal/modalContext.d.ts +0 -15
  107. package/GlobalContext/componentsProps.d.ts +0 -21
  108. package/GlobalContext/confirmLocale.d.ts +0 -7
  109. package/GlobalContext/constant.d.ts +0 -8
  110. package/GlobalContext/index.d.ts +0 -28
  111. package/GlobalContext/index.js +0 -41
  112. package/GlobalContext/intl.d.ts +0 -34
  113. package/GlobalContext/useFormatMessage.d.ts +0 -3
  114. package/GlobalContext/usePopupContainer.d.ts +0 -4
  115. package/Help/index.d.ts +0 -24
  116. package/Help/index.js +0 -41
  117. package/HelperText/index.d.ts +0 -27
  118. package/HelperText/index.js +0 -34
  119. package/Hooks/useGlobalProps.d.ts +0 -1
  120. package/InputLang/index.d.ts +0 -46
  121. package/InputLang/index.js +0 -247
  122. package/InputNumber/index.d.ts +0 -71
  123. package/InputNumber/index.js +0 -277
  124. package/Label/index.d.ts +0 -37
  125. package/Label/index.js +0 -85
  126. package/Loading/index.d.ts +0 -17
  127. package/Loading/index.js +0 -47
  128. package/Menu/footerExpansion.d.ts +0 -9
  129. package/Menu/index.d.ts +0 -10
  130. package/Menu/index.js +0 -1105
  131. package/Menu/interface.d.ts +0 -141
  132. package/Menu/logo.d.ts +0 -9
  133. package/Menu/verticalMenuList.d.ts +0 -14
  134. package/Message/index.d.ts +0 -99
  135. package/Message/index.js +0 -246
  136. package/Modal/Confirm/index.d.ts +0 -65
  137. package/Modal/index.d.ts +0 -99
  138. package/Modal/index.js +0 -421
  139. package/Modal/lang/en_US.d.ts +0 -5
  140. package/Modal/lang/index.d.ts +0 -11
  141. package/Modal/lang/zh_CN.d.ts +0 -5
  142. package/MultiBox/index.d.ts +0 -58
  143. package/MultiBox/index.js +0 -272
  144. package/MultiBox/lang/en_US.d.ts +0 -4
  145. package/MultiBox/lang/index.d.ts +0 -9
  146. package/MultiBox/lang/zh_CN.d.ts +0 -4
  147. package/Notification/index.d.ts +0 -74
  148. package/Notification/index.js +0 -252
  149. package/OperateBtn/index.d.ts +0 -59
  150. package/OperateBtn/index.js +0 -237
  151. package/OperateBtn/lang/en_US.d.ts +0 -4
  152. package/OperateBtn/lang/index.d.ts +0 -9
  153. package/OperateBtn/lang/zh_CN.d.ts +0 -4
  154. package/PageHeader/horizontalMeun.d.ts +0 -9
  155. package/PageHeader/horizontalMeunRight.d.ts +0 -9
  156. package/PageHeader/index.d.ts +0 -10
  157. package/PageHeader/index.js +0 -1050
  158. package/PageHeader/interface.d.ts +0 -169
  159. package/Pagination/index.d.ts +0 -46
  160. package/Pagination/index.js +0 -461
  161. package/Pagination/lang/en_US.d.ts +0 -8
  162. package/Pagination/lang/index.d.ts +0 -17
  163. package/Pagination/lang/zh_CN.d.ts +0 -8
  164. package/ParauiProvider/index.d.ts +0 -8
  165. package/ParauiProvider/index.js +0 -52
  166. package/PasswordRules/index.d.ts +0 -46
  167. package/PasswordRules/index.js +0 -113
  168. package/PopConfirm/index.d.ts +0 -61
  169. package/PopConfirm/index.js +0 -194
  170. package/PopConfirm/lang/en_US.d.ts +0 -5
  171. package/PopConfirm/lang/index.d.ts +0 -11
  172. package/PopConfirm/lang/zh_CN.d.ts +0 -5
  173. package/Popover/index.d.ts +0 -16
  174. package/Popover/index.js +0 -59
  175. package/Progress/Line.d.ts +0 -47
  176. package/Progress/Steps.d.ts +0 -17
  177. package/Progress/index.d.ts +0 -83
  178. package/Progress/index.js +0 -323
  179. package/Progress/utils.d.ts +0 -6
  180. package/Querying/images/index.d.ts +0 -3
  181. package/Querying/index.d.ts +0 -26
  182. package/Querying/index.js +0 -760
  183. package/Querying/lang/en_US.d.ts +0 -4
  184. package/Querying/lang/index.d.ts +0 -9
  185. package/Querying/lang/zh_CN.d.ts +0 -4
  186. package/Radio/index.d.ts +0 -38
  187. package/Radio/index.js +0 -97
  188. package/RadioGroup/index.d.ts +0 -46
  189. package/RadioGroup/index.js +0 -134
  190. package/Search/index.d.ts +0 -57
  191. package/Search/index.js +0 -208
  192. package/Select/index.d.ts +0 -93
  193. package/Select/index.js +0 -1146
  194. package/Select/lang/en_US.d.ts +0 -5
  195. package/Select/lang/index.d.ts +0 -11
  196. package/Select/lang/zh_CN.d.ts +0 -5
  197. package/SelectInput/index.d.ts +0 -12
  198. package/SelectInput/index.js +0 -55
  199. package/Selector/index.d.ts +0 -11
  200. package/Selector/index.js +0 -2175
  201. package/Selector/interface.d.ts +0 -432
  202. package/Selector/lang/en_US.d.ts +0 -11
  203. package/Selector/lang/index.d.ts +0 -23
  204. package/Selector/lang/zh_CN.d.ts +0 -11
  205. package/Selector/selectorData/index.d.ts +0 -10
  206. package/Selector/selectorMain/index.d.ts +0 -10
  207. package/Selector/selectorNode/index.d.ts +0 -10
  208. package/Selector/util.d.ts +0 -15
  209. package/SelectorPicker/index.d.ts +0 -53
  210. package/SelectorPicker/index.js +0 -444
  211. package/SelectorPicker/lang/en_US.d.ts +0 -5
  212. package/SelectorPicker/lang/index.d.ts +0 -11
  213. package/SelectorPicker/lang/zh_CN.d.ts +0 -5
  214. package/SingleBox/index.d.ts +0 -44
  215. package/SingleBox/index.js +0 -224
  216. package/SingleBox/lang/en_US.d.ts +0 -4
  217. package/SingleBox/lang/index.d.ts +0 -9
  218. package/SingleBox/lang/zh_CN.d.ts +0 -4
  219. package/Slider/index.d.ts +0 -14
  220. package/Slider/index.js +0 -119
  221. package/Slider/interface.d.ts +0 -102
  222. package/Split/index.d.ts +0 -7
  223. package/Split/index.js +0 -123
  224. package/Status/index.d.ts +0 -21
  225. package/Status/index.js +0 -37
  226. package/Stepper/icons.d.ts +0 -5
  227. package/Stepper/index.d.ts +0 -59
  228. package/Stepper/index.js +0 -97
  229. package/Switch/index.d.ts +0 -78
  230. package/Switch/index.js +0 -71
  231. package/Table/index.d.ts +0 -10
  232. package/Table/index.js +0 -2999
  233. package/Table/interface.d.ts +0 -346
  234. package/Table/lang/en_US.d.ts +0 -8
  235. package/Table/lang/index.d.ts +0 -17
  236. package/Table/lang/zh_CN.d.ts +0 -8
  237. package/Table/tableBody.d.ts +0 -9
  238. package/Table/tableBodyElement/index.d.ts +0 -15
  239. package/Table/tableBodyInterface.d.ts +0 -73
  240. package/Table/tableContainer/index.d.ts +0 -16
  241. package/Table/tableElement/index.d.ts +0 -17
  242. package/Table/tableHead.d.ts +0 -9
  243. package/Table/tableHeadElement/index.d.ts +0 -15
  244. package/Table/tableHeadInterface.d.ts +0 -37
  245. package/Table/tablePagination.d.ts +0 -9
  246. package/Table/tablePaginationInterface.d.ts +0 -27
  247. package/Table/tdElement/index.d.ts +0 -15
  248. package/Table/thElement/index.d.ts +0 -28
  249. package/Table/trElement/index.d.ts +0 -15
  250. package/Table/util.d.ts +0 -34
  251. package/Tabs/index.d.ts +0 -69
  252. package/Tabs/index.js +0 -205
  253. package/Tabs/lang/en_US.d.ts +0 -4
  254. package/Tabs/lang/index.d.ts +0 -9
  255. package/Tabs/lang/zh_CN.d.ts +0 -4
  256. package/Tag/TagGroup.d.ts +0 -66
  257. package/Tag/index.d.ts +0 -34
  258. package/Tag/index.js +0 -259
  259. package/TextEditor/common.d.ts +0 -11
  260. package/TextEditor/index.d.ts +0 -127
  261. package/TextEditor/index.js +0 -286
  262. package/TextField/index.d.ts +0 -90
  263. package/TextField/index.js +0 -611
  264. package/TimePicker/index.d.ts +0 -22
  265. package/TimePicker/index.js +0 -80
  266. package/TimePicker/locale/en_US.d.ts +0 -3
  267. package/TimePicker/locale/zh_CN.d.ts +0 -3
  268. package/TimePicker/style/index.d.ts +0 -1
  269. package/Timeline/TimelineItem.d.ts +0 -30
  270. package/Timeline/index.d.ts +0 -32
  271. package/Timeline/index.js +0 -148
  272. package/Title/index.d.ts +0 -30
  273. package/Title/index.js +0 -50
  274. package/ToggleButton/ToggleButtonGroup.d.ts +0 -49
  275. package/ToggleButton/index.d.ts +0 -49
  276. package/ToggleButton/index.js +0 -193
  277. package/Tooltip/index.d.ts +0 -11
  278. package/Tooltip/index.js +0 -368
  279. package/Tooltip/interface.d.ts +0 -35
  280. package/Tooltip/utils.d.ts +0 -18
  281. package/Transfer/box.d.ts +0 -38
  282. package/Transfer/index.d.ts +0 -32
  283. package/Transfer/index.js +0 -611
  284. package/Transfer/lang/en_US.d.ts +0 -10
  285. package/Transfer/lang/index.d.ts +0 -21
  286. package/Transfer/lang/zh_CN.d.ts +0 -10
  287. package/Transfer/useClick.d.ts +0 -3
  288. package/Tree/OperateBar/index.d.ts +0 -13
  289. package/Tree/Tree.d.ts +0 -4
  290. package/Tree/index.d.ts +0 -5
  291. package/Tree/index.js +0 -38
  292. package/Tree/interface.d.ts +0 -210
  293. package/Tree/lang/en_US.d.ts +0 -8
  294. package/Tree/lang/index.d.ts +0 -17
  295. package/Tree/lang/zh_CN.d.ts +0 -8
  296. package/Tree/utils/closestPolyfill.d.ts +0 -0
  297. package/Tree/utils/tools.d.ts +0 -25
  298. package/Tree/utils/treeUtil.d.ts +0 -15
  299. package/Upload/Dragger/index.d.ts +0 -10
  300. package/Upload/ErroTip/index.d.ts +0 -13
  301. package/Upload/ImageUpload/index.d.ts +0 -16
  302. package/Upload/ImgCrop/EasyCrop.d.ts +0 -17
  303. package/Upload/ImgCrop/constants.d.ts +0 -7
  304. package/Upload/ImgCrop/index.d.ts +0 -6
  305. package/Upload/ImgCrop/interface.d.ts +0 -48
  306. package/Upload/UploadList/index.d.ts +0 -5
  307. package/Upload/index.d.ts +0 -15
  308. package/Upload/index.js +0 -1446
  309. package/Upload/interface.d.ts +0 -136
  310. package/Upload/lang/en_US.d.ts +0 -12
  311. package/Upload/lang/index.d.ts +0 -25
  312. package/Upload/lang/zh_CN.d.ts +0 -12
  313. package/_verture/constant-66aa48a1.js +0 -10
  314. package/_verture/defineProperty-62acccfc.js +0 -34
  315. package/_verture/index-74f820ba.js +0 -1355
  316. package/_verture/index-77f9e0fb.js +0 -236
  317. package/_verture/index-9fd86055.js +0 -711
  318. package/_verture/index-a369ca3f.js +0 -4
  319. package/_verture/index-beef914f.js +0 -340
  320. package/_verture/index-e2881a53.js +0 -16
  321. package/_verture/intl-5cbb940c.js +0 -57
  322. package/_verture/modalContext-92bb0e16.js +0 -201
  323. package/_verture/slicedToArray-76060636.js +0 -43
  324. package/_verture/sortable.esm-49896035.js +0 -3791
  325. package/_verture/style-inject.es-300983ab.js +0 -28
  326. package/_verture/toConsumableArray-81040c9e.js +0 -19
  327. package/_verture/tslib.es6-55ed4bd2.js +0 -38
  328. package/_verture/typeof-498dd2b1.js +0 -11
  329. package/_verture/unsupportedIterableToArray-cb478f24.js +0 -16
  330. package/_verture/useFormatMessage-703f8b20.js +0 -20
  331. package/_verture/useGlobalProps-1b846a65.js +0 -11
  332. package/_verture/usePopupContainer-87febeb9.js +0 -68
  333. package/_verture/util-7e1fb1e2.js +0 -18
  334. package/index.d.ts +0 -144
  335. package/index.js +0 -180
  336. package/umd/AutoBox.js +0 -43
  337. package/umd/AutoTips.js +0 -15
  338. package/umd/Breadcrumbs.js +0 -42
  339. package/umd/Button.js +0 -43
  340. package/umd/ButtonGroup.js +0 -43
  341. package/umd/Carousel.js +0 -6
  342. package/umd/Cascader.js +0 -43
  343. package/umd/Checkbox.js +0 -42
  344. package/umd/CheckboxGroup.js +0 -42
  345. package/umd/Collapse.js +0 -43
  346. package/umd/CollapseBox.js +0 -1
  347. package/umd/CollapseLayout.js +0 -29
  348. package/umd/ColorPicker.js +0 -1
  349. package/umd/ComboSelect.js +0 -42
  350. package/umd/Container.js +0 -1
  351. package/umd/DatePicker.js +0 -42
  352. package/umd/Desktop.js +0 -42
  353. package/umd/DragVerify.js +0 -28
  354. package/umd/Drawer.js +0 -43
  355. package/umd/Dropdown.js +0 -15
  356. package/umd/DynamicMultiBox.js +0 -54
  357. package/umd/Empty.js +0 -15
  358. package/umd/Form.js +0 -42
  359. package/umd/FormItem.js +0 -42
  360. package/umd/FunctionModal.js +0 -42
  361. package/umd/GlobalContext.js +0 -1
  362. package/umd/Help.js +0 -42
  363. package/umd/HelperText.js +0 -1
  364. package/umd/InputLang.js +0 -42
  365. package/umd/InputNumber.js +0 -42
  366. package/umd/Label.js +0 -42
  367. package/umd/Loading.js +0 -29
  368. package/umd/Menu.js +0 -29
  369. package/umd/Message.js +0 -30
  370. package/umd/Modal.js +0 -42
  371. package/umd/MultiBox.js +0 -42
  372. package/umd/Notification.js +0 -43
  373. package/umd/OperateBtn.js +0 -42
  374. package/umd/PageHeader.js +0 -42
  375. package/umd/Pagination.js +0 -42
  376. package/umd/ParauiProvider.js +0 -15
  377. package/umd/PasswordRules.js +0 -29
  378. package/umd/PopConfirm.js +0 -42
  379. package/umd/Popover.js +0 -15
  380. package/umd/Progress.js +0 -35
  381. package/umd/Querying.js +0 -15
  382. package/umd/Radio.js +0 -42
  383. package/umd/RadioGroup.js +0 -42
  384. package/umd/Search.js +0 -42
  385. package/umd/Select.js +0 -42
  386. package/umd/SelectInput.js +0 -42
  387. package/umd/Selector.js +0 -42
  388. package/umd/SelectorPicker.js +0 -42
  389. package/umd/SingleBox.js +0 -42
  390. package/umd/Slider.js +0 -15
  391. package/umd/Split.js +0 -1
  392. package/umd/Status.js +0 -1
  393. package/umd/Stepper.js +0 -42
  394. package/umd/Switch.js +0 -42
  395. package/umd/Table.js +0 -42
  396. package/umd/Tabs.js +0 -42
  397. package/umd/Tag.js +0 -43
  398. package/umd/TextEditor.js +0 -205
  399. package/umd/TextField.js +0 -42
  400. package/umd/TimePicker.js +0 -42
  401. package/umd/Timeline.js +0 -1
  402. package/umd/Title.js +0 -1
  403. package/umd/ToggleButton.js +0 -43
  404. package/umd/Tooltip.js +0 -15
  405. package/umd/Transfer.js +0 -49
  406. package/umd/Tree.js +0 -42
  407. package/umd/Upload.js +0 -56
@@ -1,38 +0,0 @@
1
- /**
2
- * @author Hanz
3
- * @date 2022/2/28 上午11:02
4
- * @description Carousel
5
- */
6
- import React from 'react';
7
- import { Settings } from "react-slick";
8
- import './index.scss';
9
- export type CarouselEffect = 'scrollx' | 'fade';
10
- export type DotPosition = 'top' | 'bottom' | 'left' | 'right';
11
- export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
12
- /** 动画效果函数 */
13
- effect?: CarouselEffect;
14
- /** style */
15
- style?: React.CSSProperties;
16
- /** 面板指示点位置 */
17
- dotPosition?: DotPosition;
18
- /** 内容节点 */
19
- children?: React.ReactNode;
20
- /** 是否显示面板指示点 */
21
- dots?: boolean | {
22
- className?: string;
23
- };
24
- }
25
- export interface CarouselRef {
26
- /** 切换到指定面板,dontAnimate = true 时,不使用动画 */
27
- goTo: (slide: number, dontAnimate?: boolean) => void;
28
- /** 切换到下一面板 */
29
- next: () => void;
30
- /** 切换到上一面板 */
31
- prev: () => void;
32
- /** 播放动画 */
33
- play: () => void;
34
- /** 暂停动画 */
35
- pause: () => void;
36
- }
37
- export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
38
- export default Carousel;
package/Carousel/index.js DELETED
@@ -1,78 +0,0 @@
1
- import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
2
- import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
3
- import { jsx } from 'react/jsx-runtime';
4
- import React__default from 'react';
5
- import SlickCarousel from 'react-slick';
6
- import clsx from 'clsx';
7
- import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
8
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
9
- import '../_verture/typeof-498dd2b1.js';
10
-
11
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/2/28 上午11:01\n* @description Carousel\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-carousel {\n color: rgb(46, 55, 67);\n font-size: 14px;\n line-height: 1.5715;\n list-style: none;\n}\n.paraui-v3-carousel .slick-slider {\n position: relative;\n display: block;\n box-sizing: border-box;\n touch-action: pan-y;\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: transparent;\n}\n.paraui-v3-carousel .slick-list {\n position: relative;\n display: block;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n.paraui-v3-carousel .slick-list:focus {\n outline: none;\n}\n.paraui-v3-carousel .slick-list.dragging {\n cursor: pointer;\n}\n.paraui-v3-carousel .slick-list .slick-slide {\n pointer-events: none;\n}\n.paraui-v3-carousel .slick-list .slick-slide input.ant-radio-input,\n.paraui-v3-carousel .slick-list .slick-slide input.ant-checkbox-input {\n visibility: hidden;\n}\n.paraui-v3-carousel .slick-list .slick-slide.slick-active {\n pointer-events: auto;\n}\n.paraui-v3-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,\n.paraui-v3-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {\n visibility: visible;\n}\n.paraui-v3-carousel .slick-list .slick-slide > div > div {\n vertical-align: bottom;\n}\n.paraui-v3-carousel .slick-slider .slick-track,\n.paraui-v3-carousel .slick-slider .slick-list {\n transform: translate3d(0, 0, 0);\n touch-action: pan-y;\n}\n.paraui-v3-carousel .slick-track {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n}\n.paraui-v3-carousel .slick-track::before,\n.paraui-v3-carousel .slick-track::after {\n display: table;\n content: \"\";\n}\n.paraui-v3-carousel .slick-track::after {\n clear: both;\n}\n.paraui-v3-carousel .slick-slide {\n display: none;\n float: left;\n height: 100%;\n min-height: 1px;\n}\n.paraui-v3-carousel .slick-slide img {\n display: block;\n}\n.paraui-v3-carousel .slick-slide.slick-loading img {\n display: none;\n}\n.paraui-v3-carousel .slick-slide.dragging img {\n pointer-events: none;\n}\n.paraui-v3-carousel .slick-initialized .slick-slide {\n display: block;\n}\n.paraui-v3-carousel .slick-loading .slick-slide {\n visibility: hidden;\n}\n.paraui-v3-carousel .slick-vertical .slick-slide {\n display: block;\n height: auto;\n}\n.paraui-v3-carousel .slick-arrow.slick-hidden {\n display: none;\n}\n.paraui-v3-carousel .slick-prev,\n.paraui-v3-carousel .slick-next {\n position: absolute;\n top: 50%;\n display: block;\n width: 20px;\n height: 20px;\n margin-top: -10px;\n padding: 0;\n color: transparent;\n font-size: 0;\n line-height: 0;\n background: transparent;\n border: 0;\n outline: none;\n cursor: pointer;\n}\n.paraui-v3-carousel .slick-prev:hover,\n.paraui-v3-carousel .slick-next:hover,\n.paraui-v3-carousel .slick-prev:focus,\n.paraui-v3-carousel .slick-next:focus {\n color: transparent;\n background: transparent;\n outline: none;\n}\n.paraui-v3-carousel .slick-prev:hover::before,\n.paraui-v3-carousel .slick-next:hover::before,\n.paraui-v3-carousel .slick-prev:focus::before,\n.paraui-v3-carousel .slick-next:focus::before {\n opacity: 1;\n}\n.paraui-v3-carousel .slick-prev.slick-disabled::before,\n.paraui-v3-carousel .slick-next.slick-disabled::before {\n opacity: 0.25;\n}\n.paraui-v3-carousel .slick-prev {\n left: -25px;\n}\n.paraui-v3-carousel .slick-prev::before {\n content: \"←\";\n}\n.paraui-v3-carousel .slick-next {\n right: -25px;\n}\n.paraui-v3-carousel .slick-next::before {\n content: \"→\";\n}\n.paraui-v3-carousel .slick-dots {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 15;\n display: flex !important;\n justify-content: center;\n margin-right: 15%;\n margin-left: 15%;\n padding-left: 0;\n list-style: none;\n}\n.paraui-v3-carousel .slick-dots-bottom {\n bottom: 12px;\n}\n.paraui-v3-carousel .slick-dots-top {\n top: 12px;\n bottom: auto;\n}\n.paraui-v3-carousel .slick-dots li {\n position: relative;\n display: inline-block;\n flex: 0 1 auto;\n box-sizing: content-box;\n width: 16px;\n height: 3px;\n margin: 0 2px;\n margin-right: 3px;\n margin-left: 3px;\n padding: 0;\n text-align: center;\n text-indent: -999px;\n vertical-align: top;\n transition: all 0.5s;\n}\n.paraui-v3-carousel .slick-dots li button {\n display: block;\n width: 100%;\n height: 3px;\n padding: 0;\n color: transparent;\n font-size: 0;\n background: rgb(255, 255, 255);\n border: 0;\n border-radius: 1px;\n outline: none;\n cursor: pointer;\n opacity: 0.3;\n transition: all 0.5s;\n}\n.paraui-v3-carousel .slick-dots li button:hover,\n.paraui-v3-carousel .slick-dots li button:focus {\n opacity: 0.75;\n}\n.paraui-v3-carousel .slick-dots li.slick-active {\n width: 24px;\n}\n.paraui-v3-carousel .slick-dots li.slick-active button {\n background: rgb(255, 255, 255);\n opacity: 1;\n}\n.paraui-v3-carousel .slick-dots li.slick-active:hover,\n.paraui-v3-carousel .slick-dots li.slick-active:focus {\n opacity: 1;\n}\n.paraui-v3-carousel .slick-loading .paraui-v3-carousel .slick-track {\n visibility: hidden;\n}\n.paraui-v3-carousel-vertical .slick-dots {\n top: 50%;\n bottom: auto;\n flex-direction: column;\n width: 3px;\n height: auto;\n margin: 0;\n transform: translateY(-50%);\n}\n.paraui-v3-carousel-vertical .slick-dots-left {\n right: auto;\n left: 12px;\n}\n.paraui-v3-carousel-vertical .slick-dots-right {\n right: 12px;\n left: auto;\n}\n.paraui-v3-carousel-vertical .slick-dots li {\n width: 3px;\n height: 16px;\n margin: 4px 2px;\n vertical-align: baseline;\n}\n.paraui-v3-carousel-vertical .slick-dots li button {\n width: 3px;\n height: 16px;\n}\n.paraui-v3-carousel-vertical .slick-dots li.slick-active {\n width: 3px;\n height: 24px;\n}\n.paraui-v3-carousel-vertical .slick-dots li.slick-active button {\n width: 3px;\n height: 24px;\n}\n.paraui-v3-carousel-rtl {\n direction: rtl;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-track {\n right: 0;\n left: auto;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-prev {\n right: -25px;\n left: auto;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-prev::before {\n content: \"→\";\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-next {\n right: auto;\n left: -25px;\n}\n.paraui-v3-carousel-rtl .paraui-v3-carousel .slick-next::before {\n content: \"←\";\n}\n.paraui-v3-carousel-rtl.paraui-v3-carousel .slick-dots {\n flex-direction: row-reverse;\n}\n.paraui-v3-carousel-rtl.paraui-v3-carousel-vertical .slick-dots {\n flex-direction: column;\n}";
12
- styleInject(css_248z);
13
-
14
- //Carousel
15
- var Carousel = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
16
- var _props$dots = props.dots,
17
- dots = _props$dots === void 0 ? true : _props$dots,
18
- _props$arrows = props.arrows,
19
- arrows = _props$arrows === void 0 ? false : _props$arrows,
20
- _props$draggable = props.draggable,
21
- draggable = _props$draggable === void 0 ? false : _props$draggable,
22
- _props$dotPosition = props.dotPosition,
23
- dotPosition = _props$dotPosition === void 0 ? 'bottom' : _props$dotPosition,
24
- className = props.className,
25
- restProps = __rest(props, ["dots", "arrows", "draggable", "dotPosition", "className"]);
26
- var slickRef = React__default.useRef();
27
- //切换到指定面板
28
- var goTo = function goTo(slide) {
29
- var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
30
- slickRef.current.slickGoTo(slide, dontAnimate);
31
- };
32
- //ref 绑定实例方法
33
- React__default.useImperativeHandle(ref, function () {
34
- return {
35
- goTo: goTo,
36
- prev: slickRef.current.slickPrev,
37
- next: slickRef.current.slickNext,
38
- play: slickRef.current.slickPlay,
39
- pause: slickRef.current.slickPause
40
- };
41
- }, [slickRef.current]);
42
- //节点数量
43
- var prevCount = React__default.useRef(React__default.Children.count(props.children));
44
- React__default.useEffect(function () {
45
- if (prevCount.current !== React__default.Children.count(props.children)) {
46
- goTo(props.initialSlide || 0, false);
47
- prevCount.current = React__default.Children.count(props.children);
48
- }
49
- }, [props.children]);
50
- var newProps = Object.assign({}, restProps);
51
- //动画效果
52
- if (newProps.effect === 'fade') {
53
- newProps.fade = true;
54
- }
55
- var prefixCls = "".concat($prefixCls, "-carousel");
56
- var dotsClass = 'slick-dots';
57
- newProps.vertical = dotPosition === 'left' || dotPosition === 'right';
58
- //启用dots
59
- var enableDots = !!dots;
60
- //dots cls
61
- var dsClass = clsx(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
62
- //组件cls
63
- var cls = clsx(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-vertical"), newProps.vertical));
64
- return jsx("div", Object.assign({
65
- className: cls
66
- }, {
67
- children: jsx(SlickCarousel, Object.assign({
68
- ref: slickRef
69
- }, newProps, {
70
- dots: enableDots,
71
- dotsClass: dsClass,
72
- arrows: arrows,
73
- draggable: draggable
74
- }))
75
- }));
76
- });
77
-
78
- export { Carousel, Carousel as default };
@@ -1,54 +0,0 @@
1
- import React from 'react';
2
- import './style/index.scss';
3
- /**
4
- * @description: 级联选择器
5
- * @param value{ string }: 选中的值
6
- * @param label: { string }: 选项
7
- * @param disabled: { Boolean }: 是否禁用
8
- * @param children: { Array }: 子选项
9
- * @param loading: { Boolean }: 是否加载中
10
- * @param isLeaf: { Boolean }: 是否叶子节点
11
- */
12
- interface Option {
13
- label: string;
14
- value: string;
15
- disabled?: boolean;
16
- children?: Option[];
17
- loading?: boolean;
18
- isLeaf?: boolean;
19
- }
20
- /**
21
- * @param data{ Array }: 数据源
22
- * @param value{array}: 选中的值
23
- * @param onChange{ Function }: 选中的值改变时的回调
24
- * @param onDropdownVisibleChange{ Function }: 弹出层显示状态改变时的回调
25
- * @param changeOnSelect{ Boolean }: 是否在选中时发生改变
26
- * @param expandTrigger{ String }: 展开时触发的方式
27
- * @param expandIcon{ React.ReactNode }: 展开图标
28
- * @param loadingIcon{ React.ReactNode }: 加载图标
29
- * @param expandJoin{ String }: 展开时的连接符
30
- * @param fieldNames{ Object }: 字段名称
31
- * @param disabled{ Boolean }: 是否禁用
32
- * @param placeholder{ String }: 占位符
33
- * @param loadData{ Function }: 加载数据的方法
34
- * @param children{ React.ReactNode }: 子节点
35
- */
36
- interface Props {
37
- data: Option[];
38
- expandTrigger?: 'click' | 'hover';
39
- value?: string[];
40
- onChange?: (value: string[], selectedOptions: Option[]) => void;
41
- onDropdownVisibleChange?: (visible: boolean) => void;
42
- changeOnSelect?: boolean;
43
- expandIcon?: React.ReactNode;
44
- expandJoin?: string;
45
- fieldNames?: object;
46
- disabled?: boolean;
47
- placeholder?: string;
48
- size?: 'small' | 'medium' | 'large';
49
- loadData?: (selectedOptions: Option[], setState?: React.Dispatch<React.SetStateAction<Option[]>>) => void;
50
- loadingIcon?: React.ReactNode;
51
- children?: React.ReactNode;
52
- }
53
- export declare const Cascader: ({ data, expandTrigger, value, onChange, onDropdownVisibleChange, changeOnSelect, expandIcon, expandJoin, fieldNames, disabled, placeholder, loadData, loadingIcon, children, }: Props) => JSX.Element;
54
- export default Cascader;
package/Cascader/index.js DELETED
@@ -1,159 +0,0 @@
1
- import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
2
- import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
3
- import { r as regenerator } from '../_verture/index-beef914f.js';
4
- import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
5
- import { jsx } from 'react/jsx-runtime';
6
- import { useState, useCallback } from 'react';
7
- import RcCascader from 'rc-cascader';
8
- import Right from '@para-ui/icons/Right';
9
- import LoadingIcon from '@para-ui/icons/Loading';
10
- import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
11
- import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
12
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
13
- import '../_verture/unsupportedIterableToArray-cb478f24.js';
14
- import '@para-ui/core/GlobalContext';
15
-
16
- var en = {
17
- placeholder: 'Please select'
18
- };
19
-
20
- var zh = {
21
- placeholder: '请选择'
22
- };
23
-
24
- var localeJson = {
25
- zh: zh,
26
- en: en
27
- };
28
-
29
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-cascader input {\n color: #333;\n width: 560px;\n padding: 6px 12px;\n overflow: hidden;\n box-sizing: border-box;\n white-space: nowrap;\n text-overflow: ellipsis;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n}\n.paraui-v3-cascader button {\n background: transparent;\n border: none;\n}\n.paraui-v3-cascader.component-cascader-dropdown-hidden {\n display: none;\n}\n.paraui-v3-cascader .component-cascader-menus {\n font-size: 12px;\n overflow: hidden;\n background: #fff;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n white-space: nowrap;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter, .paraui-v3-cascader .component-cascader-menus.slide-up-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n opacity: 1;\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-play-state: paused;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter.slide-up-enter-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft, .paraui-v3-cascader .component-cascader-menus.slide-up-appear.slide-up-appear-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft {\n animation-name: SlideUpIn;\n animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-enter.slide-up-enter-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft, .paraui-v3-cascader .component-cascader-menus.slide-up-appear.slide-up-appear-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft {\n animation-name: SlideDownIn;\n animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave.slide-up-leave-active, .paraui-v3-cascader .component-cascader-menus-placement-bottomLeft {\n animation-name: SlideUpOut;\n animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menus.slide-up-leave.slide-up-leave-active, .paraui-v3-cascader .component-cascader-menus-placement-topLeft {\n animation-name: SlideDownOut;\n animation-play-state: running;\n}\n.paraui-v3-cascader .component-cascader-menu {\n display: inline-block;\n min-width: 100px;\n height: 192px;\n list-style: none;\n margin: 0;\n padding: 0;\n border-right: 1px solid #e9e9e9;\n overflow: auto;\n}\n.paraui-v3-cascader .component-cascader-menu:last-child {\n border-right: 0;\n}\n.paraui-v3-cascader .component-cascader-menu-item {\n height: 32px;\n line-height: 32px;\n padding: 0 16px;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.3s ease;\n position: relative;\n}\n.paraui-v3-cascader .component-cascader-menu-item:hover {\n background: rgba(171, 176, 185, 0.231372549);\n}\n.paraui-v3-cascader .component-cascader-menu-item-disabled {\n cursor: not-allowed;\n color: #ccc;\n}\n.paraui-v3-cascader .component-cascader-menu-item-disabled:hover {\n background: transparent;\n}\n.paraui-v3-cascader .component-cascader-menu-item-active {\n color: #3666d6;\n}\n.paraui-v3-cascader .component-cascader-menu-item-loading-icon {\n display: flex;\n align-items: center;\n margin-left: 10px;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon {\n font-size: 12px;\n margin-left: 10px;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon SVG {\n display: flex;\n align-items: center;\n}\n.paraui-v3-cascader .component-cascader-menu-item-expand-icon SVG path {\n fill: #999;\n}\n\n.component-cascader-dropdown {\n position: absolute;\n}\n\n@keyframes SlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n@keyframes SlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n}\n@keyframes SlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 100%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 100%;\n transform: scaleY(1);\n }\n}\n@keyframes SlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 100%;\n transform: scaleY(0.8);\n }\n}";
30
- styleInject(css_248z);
31
-
32
- var Cascader = function Cascader(_ref) {
33
- var data = _ref.data,
34
- _ref$expandTrigger = _ref.expandTrigger,
35
- expandTrigger = _ref$expandTrigger === void 0 ? 'click' : _ref$expandTrigger,
36
- _ref$value = _ref.value,
37
- value = _ref$value === void 0 ? [] : _ref$value,
38
- onChange = _ref.onChange,
39
- onDropdownVisibleChange = _ref.onDropdownVisibleChange,
40
- _ref$changeOnSelect = _ref.changeOnSelect,
41
- changeOnSelect = _ref$changeOnSelect === void 0 ? false : _ref$changeOnSelect,
42
- _ref$expandIcon = _ref.expandIcon,
43
- expandIcon = _ref$expandIcon === void 0 ? jsx(Right, {}) : _ref$expandIcon,
44
- _ref$expandJoin = _ref.expandJoin,
45
- expandJoin = _ref$expandJoin === void 0 ? ' , ' : _ref$expandJoin,
46
- _ref$fieldNames = _ref.fieldNames,
47
- fieldNames = _ref$fieldNames === void 0 ? {
48
- label: 'label',
49
- value: 'value',
50
- children: 'children'
51
- } : _ref$fieldNames,
52
- _ref$disabled = _ref.disabled,
53
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
54
- placeholder = _ref.placeholder,
55
- _ref$loadData = _ref.loadData,
56
- loadData = _ref$loadData === void 0 ? function () {
57
- return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
58
- return regenerator.wrap(function _callee$(_context) {
59
- while (1) switch (_context.prev = _context.next) {
60
- case 0:
61
- case "end":
62
- return _context.stop();
63
- }
64
- }, _callee);
65
- }));
66
- } : _ref$loadData,
67
- _ref$loadingIcon = _ref.loadingIcon,
68
- loadingIcon = _ref$loadingIcon === void 0 ? jsx(LoadingIcon, {}) : _ref$loadingIcon,
69
- children = _ref.children;
70
- var intl = useFormatMessage('Cascader', localeJson);
71
- var _useState = useState(data),
72
- _useState2 = _slicedToArray(_useState, 2),
73
- option = _useState2[0],
74
- setOption = _useState2[1];
75
- var _useState3 = useState(value),
76
- _useState4 = _slicedToArray(_useState3, 2),
77
- inputValue = _useState4[0],
78
- setValue = _useState4[1];
79
- var _useState5 = useState(valueToLabel(data, value, expandJoin)),
80
- _useState6 = _slicedToArray(_useState5, 2),
81
- inputLabel = _useState6[0],
82
- setLabel = _useState6[1];
83
- var onStateChange = useCallback(function (value, selectedOptions) {
84
- setValue(value);
85
- setLabel(selectedOptions.map(function (o) {
86
- return o.label;
87
- }).join(expandJoin));
88
- onChange && onChange(value, selectedOptions);
89
- }, []);
90
- var loadingData = function loadingData(opt) {
91
- return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
92
- return regenerator.wrap(function _callee2$(_context2) {
93
- while (1) switch (_context2.prev = _context2.next) {
94
- case 0:
95
- _context2.next = 2;
96
- return loadData(opt);
97
- case 2:
98
- setOption(_toConsumableArray(data));
99
- case 3:
100
- case "end":
101
- return _context2.stop();
102
- }
103
- }, _callee2);
104
- }));
105
- };
106
- return jsx("div", Object.assign({
107
- className: $prefixCls + '-cascader'
108
- }, {
109
- children: jsx(RcCascader, Object.assign({
110
- options: option,
111
- onChange: onStateChange,
112
- changeOnSelect: changeOnSelect,
113
- expandTrigger: expandTrigger,
114
- expandIcon: expandIcon,
115
- fieldNames: fieldNames,
116
- loadData: loadingData,
117
- loadingIcon: loadingIcon,
118
- onDropdownVisibleChange: onDropdownVisibleChange,
119
- value: inputValue,
120
- prefixCls: $rcPrefixCls + '-cascader',
121
- dropdownClassName: $prefixCls + '-cascader'
122
- }, {
123
- children: children ? jsx("button", Object.assign({
124
- disabled: disabled
125
- }, {
126
- children: children
127
- })) : jsx("input", {
128
- value: inputLabel,
129
- readOnly: true,
130
- disabled: disabled,
131
- placeholder: placeholder || intl({
132
- id: 'placeholder'
133
- })
134
- })
135
- }))
136
- }));
137
- };
138
- function valueToLabel(opt, value, expandJoin) {
139
- var label = [];
140
- var count = 0;
141
- function find(data) {
142
- for (var i = 0; i < data.length; i++) {
143
- if (data[i].value === value[count]) {
144
- if (i === data.length - 1) {
145
- label.push(data[i].label);
146
- } else {
147
- count++;
148
- label.push(data[i].label);
149
- find(data[i].children);
150
- }
151
- }
152
- }
153
- return label;
154
- }
155
- find(opt);
156
- return label.join(expandJoin);
157
- }
158
-
159
- export { Cascader, Cascader as default };
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- placeholder: string;
3
- };
4
- export default _default;
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- zh: {
3
- placeholder: string;
4
- };
5
- en: {
6
- placeholder: string;
7
- };
8
- };
9
- export default _default;
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- placeholder: string;
3
- };
4
- export default _default;
@@ -1,40 +0,0 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/4 15:54
4
- * @description 复选框
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import { LabelTooltipProps } from '../Label';
8
- import './index.scss';
9
- export interface CheckboxProps {
10
- /** 样式class */
11
- className?: string;
12
- /** style */
13
- style?: React.CSSProperties;
14
- /** 标题 */
15
- label?: ReactNode;
16
- /** 帮组提示信息 */
17
- labelTooltip?: LabelTooltipProps;
18
- /** 大小 */
19
- size?: 'small' | 'medium' | 'large';
20
- /** 默认值 有值不受控组件 初始化第一次 */
21
- defaultChecked?: boolean;
22
- /** 默认值 有值受控组件*/
23
- checked?: boolean;
24
- /** 禁用 */
25
- disabled?: boolean;
26
- /** 半选 */
27
- indeterminate?: boolean;
28
- /** inputProps */
29
- inputProps?: {
30
- type?: string;
31
- value?: any;
32
- checked?: any;
33
- [name: string]: any;
34
- };
35
- /** 改变时间 */
36
- onChange?: (e: any, checked: boolean) => void;
37
- [name: string]: any;
38
- }
39
- export declare const Checkbox: FunctionComponent<CheckboxProps>;
40
- export default Checkbox;
package/Checkbox/index.js DELETED
@@ -1,109 +0,0 @@
1
- import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { useState, useEffect } from 'react';
4
- import Label from '../Label/index.js';
5
- import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
6
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
7
- import '../_verture/unsupportedIterableToArray-cb478f24.js';
8
- import '../Help/index.js';
9
- import '../_verture/tslib.es6-55ed4bd2.js';
10
- import '../Tooltip/index.js';
11
- import 'rc-tooltip';
12
- import 'rc-tooltip/lib/placements';
13
- import 'clsx';
14
- import '@para-ui/icons/Help';
15
-
16
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-checkbox {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n cursor: pointer;\n display: inline-flex;\n align-items: flex-start;\n line-height: 16px;\n}\n.paraui-v3-checkbox:hover > .checkbox-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-v3-checkbox:hover > .checkbox-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-checkbox:hover > .checkbox-help {\n padding: 0 8px;\n}\n.paraui-v3-checkbox:hover > .checkbox-help > .checkbox-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-v3-checkbox:hover > .checkbox-help > .checkbox-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-checkbox:hover > .checkbox-box > .checkbox-box-inner {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-checkbox > .checkbox-box {\n position: relative;\n}\n.paraui-v3-checkbox > .checkbox-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-v3-checkbox > .checkbox-box > .checkbox-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n border-radius: 2px;\n background-color: white;\n border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox > .checkbox-box > .checkbox-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n}\n.paraui-v3-checkbox > .checkbox-label {\n color: rgb(46, 55, 67);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n}\n.paraui-v3-checkbox > .checkbox-label > .checkbox-help > svg {\n top: 0;\n}\n.paraui-v3-checkbox .checkbox-label {\n line-height: 16px;\n}\n.paraui-v3-checkbox > .checkbox-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n}\n.paraui-v3-checkbox > .checkbox-help > .checkbox-label {\n color: rgb(46, 55, 67);\n margin: 0;\n display: inline-flex;\n align-items: center;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgba(54, 102, 214, 0.8);\n border-color: transparent;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n border: 1px solid white;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgba(54, 102, 214, 0.8);\n border-color: transparent;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-help > .checkbox-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-help > .checkbox-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-box > input {\n cursor: not-allowed;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled > .checkbox-box > .checkbox-box-inner {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n border-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-disabled.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small > .checkbox-box {\n top: 1px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-small.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-medium > .checkbox-box > .checkbox-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-medium.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 5px;\n height: 8px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-medium.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-large > .checkbox-box > .checkbox-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-large.paraui-v3-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 5px;\n height: 8px;\n}\n.paraui-v3-checkbox.paraui-v3-checkbox-large.paraui-v3-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}";
17
- styleInject(css_248z);
18
-
19
- var Checkbox = function Checkbox(props) {
20
- var _props$className = props.className,
21
- className = _props$className === void 0 ? '' : _props$className,
22
- _props$label = props.label,
23
- label = _props$label === void 0 ? '' : _props$label,
24
- labelTooltip = props.labelTooltip,
25
- _props$size = props.size,
26
- size = _props$size === void 0 ? 'large' : _props$size,
27
- _props$disabled = props.disabled,
28
- disabled = _props$disabled === void 0 ? false : _props$disabled,
29
- _props$indeterminate = props.indeterminate,
30
- indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
31
- onChange = props.onChange,
32
- style = props.style;
33
- var _useState = useState(false),
34
- _useState2 = _slicedToArray(_useState, 2),
35
- checkedCom = _useState2[0],
36
- setCheckedCom = _useState2[1]; // 复选框状态
37
- useEffect(function () {
38
- if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
39
- }, []);
40
- useEffect(function () {
41
- if (props.checked !== undefined) setCheckedCom(props.checked);
42
- }, [props.checked]);
43
- // 点击选择
44
- var clickCheck = function clickCheck(e) {
45
- e.preventDefault();
46
- if (disabled) return;
47
- if (indeterminate) {
48
- // 不可受控组件
49
- if (props.checked === undefined) setCheckedCom(true);
50
- onChange && onChange(e, true);
51
- return;
52
- }
53
- // 不可受控组件
54
- if (props.checked === undefined) setCheckedCom(!checkedCom);
55
- e.target.checked = !checkedCom;
56
- e.target.value = !checkedCom;
57
- onChange && onChange(e, !checkedCom);
58
- };
59
- // 处理class
60
- var handClass = function handClass() {
61
- var str = $prefixCls + '-checkbox';
62
- if (className) str += ' ' + className;
63
- if (size) str += " ".concat($prefixCls, "-checkbox-").concat(size);
64
- if (disabled) str += " ".concat($prefixCls, "-checkbox-disabled");
65
- if (indeterminate) str += " ".concat($prefixCls, "-checkbox-indeterminate");else if (checkedCom) str += " ".concat($prefixCls, "-checkbox-checked");
66
- if (labelTooltip && labelTooltip.tooltipType) {
67
- str += " ".concat($prefixCls, "-checkbox-").concat(labelTooltip.tooltipType);
68
- }
69
- return str;
70
- };
71
- var handLabelClass = function handLabelClass() {
72
- var str = 'checkbox-label';
73
- if (labelTooltip && labelTooltip.className) {
74
- str += ' ' + labelTooltip.className;
75
- }
76
- return str;
77
- };
78
- /** 处理帮组classNaem */
79
- var handHelpClassName = function handHelpClassName() {
80
- var str = ' checkbox-help';
81
- if (labelTooltip && labelTooltip.helpClassName) {
82
- str += ' ' + labelTooltip.helpClassName;
83
- }
84
- return str;
85
- };
86
- return jsxs("label", Object.assign({
87
- className: handClass(),
88
- onClick: clickCheck,
89
- style: style
90
- }, {
91
- children: [jsxs("span", Object.assign({
92
- className: "checkbox-box"
93
- }, {
94
- children: [jsx("input", Object.assign({
95
- type: "checkbox",
96
- value: checkedCom
97
- }, props.inputProps)), jsx("span", {
98
- className: "checkbox-box-inner"
99
- })]
100
- })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
101
- label: label
102
- }, labelTooltip, {
103
- helpClassName: handHelpClassName(),
104
- className: handLabelClass()
105
- })) : null]
106
- }));
107
- };
108
-
109
- export { Checkbox, Checkbox as default };
@@ -1,45 +0,0 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/4 16:23
4
- * @description 复选框组
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import { CheckboxProps } from '../Checkbox';
8
- import { LabelTooltipProps } from "../Label";
9
- import { HelperTextDetailProps } from "../HelperText";
10
- import './index.scss';
11
- export interface CheckboxListProps extends CheckboxProps {
12
- [name: string]: any;
13
- }
14
- export interface CheckboxGroupProps extends HelperTextDetailProps {
15
- /** 样式class */
16
- className?: string;
17
- /** style */
18
- style?: React.CSSProperties;
19
- /** 间距 只有在横向布局的时候生效 */
20
- spacing?: string;
21
- /** 标题 */
22
- label?: ReactNode;
23
- /** 帮组提示信息 */
24
- labelTooltip?: LabelTooltipProps;
25
- /** 大小 */
26
- size?: 'small' | 'medium' | 'large';
27
- /** 是否必填 */
28
- required?: boolean;
29
- /** 布局方式 横向/竖向 */
30
- row?: boolean;
31
- /** 是否禁用 */
32
- disabled?: boolean;
33
- /** 默认值 不受控 */
34
- defaultValue?: any;
35
- /** 值 */
36
- value?: any[];
37
- /** 选中选值 */
38
- id?: string;
39
- /** 选项数据 */
40
- list: CheckboxListProps[];
41
- /** 改变值 */
42
- onChange?: (val: any) => void;
43
- }
44
- export declare const CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
45
- export default CheckboxGroup;