@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
package/AutoTips/index.js DELETED
@@ -1,271 +0,0 @@
1
- import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { useRef, useState, useEffect, useMemo } from 'react';
4
- import { Tooltip } from '../Tooltip/index.js';
5
- import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
6
- import { isIE } from '@paraview/lib';
7
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
8
- import '../_verture/unsupportedIterableToArray-cb478f24.js';
9
- import '../_verture/tslib.es6-55ed4bd2.js';
10
- import 'rc-tooltip';
11
- import 'rc-tooltip/lib/placements';
12
- import 'clsx';
13
-
14
- var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips-multiline {\n max-width: 100%;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box {\n position: relative;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box > .hidden {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: -100000;\n}\n.paraui-v3-auto-tips-multiline.paraui-v3-auto-tips-multiline-safari > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line::before {\n content: \"\";\n display: block;\n}\n\n.paraui-v3-auto-tips-multiline-tooltip .component-tooltip-inner {\n max-height: calc(100vh - 25px);\n overflow: auto;\n}";
15
- styleInject(css_248z$1);
16
-
17
- var AutoTipsMultiline = function AutoTipsMultiline(props) {
18
- var children = props.children,
19
- _props$arrow = props.arrow,
20
- arrow = _props$arrow === void 0 ? false : _props$arrow,
21
- _props$placement = props.placement,
22
- placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
23
- _props$tips = props.tips,
24
- tips = _props$tips === void 0 ? '' : _props$tips,
25
- _props$className = props.className,
26
- className = _props$className === void 0 ? '' : _props$className,
27
- _props$interactive = props.interactive,
28
- interactive = _props$interactive === void 0 ? true : _props$interactive,
29
- tipMaxWidth = props.tipMaxWidth,
30
- _props$line = props.line,
31
- line = _props$line === void 0 ? 2 : _props$line,
32
- refresh = props.refresh,
33
- style = props.style;
34
- var boxRef = useRef(null);
35
- var singleWordRefs = useRef([]);
36
- var _useState = useState(),
37
- _useState2 = _slicedToArray(_useState, 2),
38
- lineClamp = _useState2[0],
39
- setLineClamp = _useState2[1];
40
- var constData = useRef({
41
- line: line,
42
- tips: tips
43
- });
44
- constData.current.line = line;
45
- constData.current.tips = tips;
46
- var _useState3 = useState(''),
47
- _useState4 = _slicedToArray(_useState3, 2),
48
- tTips = _useState4[0],
49
- setTTips = _useState4[1];
50
- useEffect(function () {
51
- window.addEventListener('resize', calcLine);
52
- return function () {
53
- window.removeEventListener('resize', calcLine);
54
- };
55
- }, []);
56
- useEffect(function () {
57
- calcLine();
58
- }, [children, refresh]);
59
- // 计算行数
60
- var calcLine = function calcLine() {
61
- var _a;
62
- if (!children) return;
63
- var lineArr = [];
64
- var showTooltip = false;
65
- var boxRefWidth = ((_a = boxRef === null || boxRef === void 0 ? void 0 : boxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
66
- var addWidth = 0;
67
- var linePos = 0;
68
- for (var i = 0; i < singleWordRefs.current.length; i++) {
69
- var dom = singleWordRefs.current[i];
70
- var offsetWidth = dom.offsetWidth;
71
- addWidth += offsetWidth;
72
- // 累计宽度超出了一行宽度
73
- if (addWidth > boxRefWidth) {
74
- if (lineArr.length < constData.current.line - 1) {
75
- lineArr.push(children.slice(linePos, i));
76
- linePos = i;
77
- addWidth = offsetWidth; // 重置宽度
78
- } else {
79
- // 超出
80
- showTooltip = true;
81
- setTTips(constData.current.tips || children);
82
- lineArr.push(children.slice(linePos, children.length));
83
- break;
84
- }
85
- } else {
86
- // 未超过且是最后一个字符
87
- if (i === singleWordRefs.current.length - 1) {
88
- lineArr.push(children.slice(linePos, children.length));
89
- }
90
- }
91
- }
92
- setLineClamp({
93
- lineArr: lineArr,
94
- showTooltip: showTooltip
95
- });
96
- };
97
- /**
98
- * 描述文字span包裹
99
- */
100
- var descriptionRender = useMemo(function () {
101
- singleWordRefs.current = [];
102
- return jsx("div", Object.assign({
103
- className: 'hidden'
104
- }, {
105
- children: children === null || children === void 0 ? void 0 : children.split('').map(function (word, wIdx) {
106
- return jsx("span", Object.assign({
107
- ref: function ref(dom) {
108
- return dom && singleWordRefs.current.push(dom);
109
- }
110
- }, {
111
- children: word
112
- }), wIdx);
113
- })
114
- }));
115
- }, [children]);
116
- // 判断浏览器是否是safari
117
- var isSafari = function isSafari() {
118
- var userAgent = navigator.userAgent;
119
- if (userAgent.indexOf("Safari") > -1) {
120
- return true;
121
- }
122
- };
123
- // 处理最大宽度
124
- var handMaxWidth = function handMaxWidth() {
125
- if (tipMaxWidth) return tipMaxWidth;
126
- return boxRef && boxRef.current ? boxRef.current.offsetWidth : 0;
127
- };
128
- // 处理class
129
- var handClass = function handClass() {
130
- var str = $prefixCls + '-auto-tips-multiline';
131
- if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-multiline-safari';
132
- if (className) str += ' ' + className;
133
- return str;
134
- };
135
- return jsx("div", Object.assign({
136
- ref: boxRef,
137
- className: handClass(),
138
- style: style
139
- }, {
140
- children: jsx(Tooltip, Object.assign({
141
- arrow: arrow,
142
- title: tTips,
143
- placement: placement,
144
- interactive: interactive,
145
- boundariesElement: 'viewport',
146
- overlayClassName: $prefixCls + '-auto-tips-multiline-tooltip',
147
- maxWidth: handMaxWidth()
148
- }, {
149
- children: jsxs("div", Object.assign({
150
- className: "auto-tips-multiline-content-box"
151
- }, {
152
- children: [jsx("div", Object.assign({
153
- className: 'auto-tips-multiline-content'
154
- }, {
155
- children: lineClamp === null || lineClamp === void 0 ? void 0 : lineClamp.lineArr.map(function (line, lIdx) {
156
- var str = 'line-text';
157
- if (lIdx === lineClamp.lineArr.length - 1) str += ' last-line';
158
- return jsx("div", Object.assign({
159
- className: str
160
- }, {
161
- children: line
162
- }), lIdx);
163
- })
164
- })), descriptionRender]
165
- }))
166
- }))
167
- }));
168
- };
169
-
170
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips {\n max-width: 100%;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n display: inline;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-auto-tips.paraui-v3-auto-tips-safari > .auto-tips-content::before {\n content: \"\";\n display: block;\n}\n\n.paraui-v3-auto-tips-tooltip .component-tooltip-inner {\n max-height: calc(100vh - 25px);\n overflow: auto;\n}";
171
- styleInject(css_248z);
172
-
173
- var AutoTips = function AutoTips(props) {
174
- var children = props.children,
175
- _props$arrow = props.arrow,
176
- arrow = _props$arrow === void 0 ? false : _props$arrow,
177
- _props$placement = props.placement,
178
- placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
179
- _props$tips = props.tips,
180
- tips = _props$tips === void 0 ? '' : _props$tips,
181
- _props$className = props.className,
182
- className = _props$className === void 0 ? '' : _props$className,
183
- _props$beyondText = props.beyondText,
184
- beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
185
- _props$interactive = props.interactive,
186
- interactive = _props$interactive === void 0 ? true : _props$interactive,
187
- tipMaxWidth = props.tipMaxWidth,
188
- style = props.style;
189
- var tipsElm = useRef();
190
- var textElm = useRef();
191
- var _useState = useState(''),
192
- _useState2 = _slicedToArray(_useState, 2),
193
- tTips = _useState2[0],
194
- setTTips = _useState2[1];
195
- useEffect(function () {
196
- setTTips(tips);
197
- }, [tips]);
198
- // 鼠标移入事件
199
- var mouseHover = function mouseHover() {
200
- var val = '';
201
- var tipsEle = tipsElm.current;
202
- var tipsEleRect = tipsEle.getBoundingClientRect();
203
- var textEleRect = textElm.current.getBoundingClientRect();
204
- if (tipsElm.current) {
205
- if (isIE()) {
206
- if (tipsEleRect.width > textEleRect.width) {
207
- if (tips) {
208
- val = tips;
209
- } else {
210
- val = beyondText ? tipsEle.innerText : children;
211
- }
212
- }
213
- } else {
214
- // mac:safari,firefox,chrome
215
- // windows: firefox,chrome
216
- if (textEleRect.width > tipsEleRect.width) {
217
- if (tips) {
218
- val = tips;
219
- } else {
220
- val = beyondText ? tipsEle.innerText : children;
221
- }
222
- }
223
- }
224
- }
225
- setTTips(val);
226
- };
227
- // 处理最大宽度
228
- var handMaxWidth = function handMaxWidth() {
229
- if (tipMaxWidth) return tipMaxWidth;
230
- return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
231
- };
232
- // 判断浏览器是否是safari
233
- var isSafari = function isSafari() {
234
- var userAgent = navigator.userAgent;
235
- if (userAgent.indexOf("Safari") > -1) {
236
- return true;
237
- }
238
- };
239
- // 处理class
240
- var handClass = function handClass() {
241
- var str = $prefixCls + '-auto-tips';
242
- if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-safari';
243
- if (className) str += ' ' + className;
244
- return str;
245
- };
246
- return jsx("div", Object.assign({
247
- ref: tipsElm,
248
- className: handClass(),
249
- onMouseOver: mouseHover,
250
- style: style
251
- }, {
252
- children: jsx(Tooltip, Object.assign({
253
- arrow: arrow,
254
- title: tTips,
255
- placement: placement,
256
- interactive: interactive,
257
- boundariesElement: 'viewport',
258
- overlayClassName: $prefixCls + '-auto-tips-tooltip',
259
- maxWidth: handMaxWidth()
260
- }, {
261
- children: jsx("div", Object.assign({
262
- className: "auto-tips-content",
263
- ref: textElm
264
- }, {
265
- children: children
266
- }))
267
- }))
268
- }));
269
- };
270
-
271
- export { AutoTipsMultiline, AutoTips as default };
@@ -1,53 +0,0 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/3 10:59
4
- * @description 面包屑
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import './index.scss';
8
- export interface listOptions {
9
- /** 每一项显示名 */
10
- label: ReactNode;
11
- /** 每一项最大宽度 */
12
- maxWidth?: string;
13
- /** 是否可点击 */
14
- disabled?: boolean;
15
- [name: string]: any;
16
- }
17
- export interface BreadcrumbsProps {
18
- /** 样式class */
19
- className?: string;
20
- /** style */
21
- style?: React.CSSProperties;
22
- /** 每一项最大宽度 */
23
- maxWidth?: string;
24
- /** 初始化数据 */
25
- list: listOptions[];
26
- /** 中间符号 */
27
- separator?: string;
28
- /** 弹出框样式class */
29
- popoverClassName?: string;
30
- /** 是否收缩 */
31
- isShrink?: boolean;
32
- /** 最后最少显示数 */
33
- minNum?: number;
34
- /** 是否显示返回 */
35
- isBack?: boolean;
36
- /** 自定义返回内容 */
37
- backRender?: ReactNode;
38
- /** 弹窗方式 */
39
- trigger?: 'hover' | 'click';
40
- /** 弹窗方向 */
41
- placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
42
- /**
43
- * 点击菜单
44
- * @param ops 当前点击菜单数据
45
- */
46
- onClickItem?: (ops: listOptions) => void;
47
- /**
48
- * 点击返回
49
- * */
50
- onBack?: () => void;
51
- }
52
- export declare const Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
53
- export default Breadcrumbs;
@@ -1,266 +0,0 @@
1
- import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
2
- import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
3
- import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
4
- import { useState, useRef, useEffect, Fragment } from 'react';
5
- import { Popover } from '../Popover/index.js';
6
- import AutoTips from '../AutoTips/index.js';
7
- import More from '@para-ui/icons/More';
8
- import Return from '@para-ui/icons/Return';
9
- import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
10
- import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
11
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
- import '../_verture/unsupportedIterableToArray-cb478f24.js';
13
- import '../_verture/tslib.es6-55ed4bd2.js';
14
- import '../Tooltip/index.js';
15
- import 'rc-tooltip';
16
- import 'rc-tooltip/lib/placements';
17
- import 'clsx';
18
- import '../_verture/usePopupContainer-87febeb9.js';
19
- import '@paraview/lib';
20
- import '@para-ui/core/GlobalContext';
21
-
22
- var en = {
23
- back: 'Back'
24
- };
25
-
26
- var zh = {
27
- back: '返回'
28
- };
29
-
30
- var localeJson = {
31
- zh: zh,
32
- en: en
33
- };
34
-
35
- var css_248z = "@charset \"UTF-8\";\n/**\n * @author linhd\n * @date 2021年10月25日 14:58:12\n * @description 面包屑\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-breadcrumbs {\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 display: flex;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list {\n display: flex;\n align-items: center;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item {\n padding: 0 4px;\n border-radius: 2px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content {\n white-space: nowrap;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 14px;\n margin-right: 4px;\n vertical-align: -2px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click .breadcrumbs-item-content {\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content {\n color: rgb(46, 55, 67);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content svg {\n color: rgb(46, 55, 67);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more {\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0 4px;\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .separator {\n color: rgba(171, 176, 185, 0.4);\n margin: 0 4px;\n position: relative;\n top: -1px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back {\n display: flex;\n align-items: center;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .line {\n display: inline-block;\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.2);\n margin: 0 8px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n height: 100%;\n color: rgba(46, 55, 67, 0.7);\n padding: 0 4px;\n border-radius: 2px;\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 14px;\n margin-right: 4px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content span {\n white-space: nowrap;\n}\n.paraui-v3-breadcrumbs.paraui-v3-breadcrumbs-calculation {\n overflow: hidden;\n opacity: 0;\n}\n\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content {\n padding: 8px 0;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item {\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 height: 36px;\n line-height: 36px;\n padding: 0 12px;\n color: rgb(46, 55, 67);\n display: flex;\n align-items: center;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item svg {\n color: rgb(46, 55, 67);\n margin-right: 4px;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click {\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled {\n cursor: not-allowed;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled svg {\n color: rgba(46, 55, 67, 0.4);\n}";
36
- styleInject(css_248z);
37
-
38
- var Breadcrumbs = function Breadcrumbs(props) {
39
- var _props$maxWidth = props.maxWidth,
40
- maxWidth = _props$maxWidth === void 0 ? '160px' : _props$maxWidth,
41
- className = props.className,
42
- list = props.list,
43
- _props$separator = props.separator,
44
- separator = _props$separator === void 0 ? '/' : _props$separator,
45
- popoverClassName = props.popoverClassName,
46
- _props$isShrink = props.isShrink,
47
- isShrink = _props$isShrink === void 0 ? true : _props$isShrink,
48
- _props$isBack = props.isBack,
49
- isBack = _props$isBack === void 0 ? false : _props$isBack,
50
- _props$minNum = props.minNum,
51
- minNum = _props$minNum === void 0 ? 2 : _props$minNum,
52
- _props$trigger = props.trigger,
53
- trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
54
- _props$placement = props.placement,
55
- placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
56
- backRender = props.backRender,
57
- onClickItem = props.onClickItem,
58
- onBack = props.onBack,
59
- style = props.style;
60
- var intl = useFormatMessage('Breadcrumbs', localeJson);
61
- var _useState = useState(false),
62
- _useState2 = _slicedToArray(_useState, 2),
63
- showMore = _useState2[0],
64
- setShowMore = _useState2[1]; // 是否显示更多按钮
65
- var _useState3 = useState([]),
66
- _useState4 = _slicedToArray(_useState3, 2),
67
- hideArr = _useState4[0],
68
- setHideArr = _useState4[1]; // 是否隐藏面包屑
69
- var boxRef = useRef();
70
- var constData = useRef({
71
- minNum: minNum,
72
- isBack: isBack,
73
- isShrink: isShrink,
74
- timer: null,
75
- showMore: false,
76
- hideArr: [],
77
- hidePos: 0
78
- });
79
- constData.current.isBack = isBack;
80
- constData.current.showMore = showMore;
81
- constData.current.isShrink = isShrink;
82
- constData.current.minNum = minNum;
83
- useEffect(function () {
84
- window.addEventListener("resize", winResize);
85
- return function () {
86
- clearTimeout(constData.current.timer);
87
- window.removeEventListener("resize", winResize);
88
- };
89
- }, []);
90
- useEffect(function () {
91
- var arr = new Array(props.list.length).fill(false);
92
- constData.current.hideArr = arr;
93
- setHideArr(arr);
94
- changeSize();
95
- }, [list]);
96
- /** 点击面包屑 */
97
- var clickItem = function clickItem(item, index) {
98
- return function () {
99
- if (props.list.length - 1 === index || item.disabled) return;
100
- onClickItem && onClickItem(item);
101
- };
102
- };
103
- /** 点击返回, 又返回执行返回事件,否则默认返回上级 */
104
- var clickBack = function clickBack() {
105
- if (onBack) return onBack();
106
- if (props.list.length < 2) return;
107
- var item = props.list[props.list.length - 2];
108
- clickItem(item, props.list.length - 2)();
109
- };
110
- /** 改变屏幕 */
111
- var winResize = function winResize() {
112
- changeSize();
113
- };
114
- /** 去除遮罩 */
115
- var hideMask = function hideMask() {
116
- boxRef.current.classList.remove($prefixCls + '-breadcrumbs-calculation');
117
- };
118
- var changeSize = function changeSize(bol) {
119
- if (!constData.current.isShrink) return hideMask();
120
- // 不自动计算
121
- clearTimeout(constData.current.timer);
122
- // 恢复初始状态
123
- if (!bol) {
124
- constData.current.hidePos = 0;
125
- constData.current.showMore = false;
126
- var arr = new Array(props.list.length).fill(false);
127
- constData.current.hideArr = arr;
128
- setHideArr(arr);
129
- setShowMore(false);
130
- }
131
- if (props.list.length <= constData.current.minNum + 1) return hideMask();
132
- // 面包屑数组长度必须大于最少显示数
133
- if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask();
134
- // 隐藏到最小显示数,停止
135
- boxRef.current.classList.add($prefixCls + '-breadcrumbs-calculation');
136
- constData.current.timer = setTimeout(function () {
137
- var boxWidth = boxRef.current.clientWidth;
138
- var listWidth = boxRef.current.querySelector('.breadcrumbs-list').clientWidth;
139
- var backWidth = constData.current.isBack ? boxRef.current.querySelector('.breadcrumbs-back').clientWidth : 0;
140
- if (boxWidth > listWidth + backWidth) {
141
- // 没有超出
142
- hideMask();
143
- } else {
144
- constData.current.hidePos += 1;
145
- constData.current.hideArr[constData.current.hidePos] = true;
146
- setHideArr(_toConsumableArray(constData.current.hideArr));
147
- setShowMore(true);
148
- changeSize(true);
149
- /*// 超出
150
- if (constData.current.showMore) {
151
- // 超出情况下,在超出,继续减一个面包屑
152
- } else {
153
- // 没有超出-> 变超出
154
- }*/
155
- }
156
- }, 50);
157
- };
158
- /** 处理弹窗内容 */
159
- var handContent = function handContent() {
160
- return jsx("div", Object.assign({
161
- className: "breadcrumbs-popover-content"
162
- }, {
163
- children: list.map(function (item, index) {
164
- if (!hideArr[index]) return null;
165
- var str = 'breadcrumbs-popover-content-item';
166
- if (index !== list.length - 1 && !item.disabled) str += ' breadcrumbs-popover-content-item-click';
167
- if (index === list.length - 1) str += ' breadcrumbs-popover-content-item-current';
168
- if (item.disabled) str += ' breadcrumbs-popover-content-item-disabled';
169
- return jsx("div", Object.assign({
170
- className: str,
171
- onClick: clickItem(item, index)
172
- }, {
173
- children: item.label
174
- }), index);
175
- })
176
- }));
177
- };
178
- // 处理弹出框className
179
- var popoverHandClass = function popoverHandClass() {
180
- var str = $prefixCls + '-breadcrumbs-popover';
181
- if (popoverClassName) str += ' ' + popoverClassName;
182
- return str;
183
- };
184
- // 处理className
185
- var handClass = function handClass() {
186
- var str = $prefixCls + '-breadcrumbs';
187
- if (isShrink) str += " ".concat($prefixCls, "-breadcrumbs-shrink");
188
- if (className) str += ' ' + className;
189
- return str;
190
- };
191
- return jsxs("div", Object.assign({
192
- className: handClass(),
193
- style: style,
194
- ref: boxRef
195
- }, {
196
- children: [jsx("ul", Object.assign({
197
- className: "breadcrumbs-list"
198
- }, {
199
- children: list.map(function (item, index) {
200
- if (hideArr[index]) return;
201
- var str = 'breadcrumbs-item';
202
- if (index === list.length - 1) str += ' breadcrumbs-item-current';
203
- if (index !== list.length - 1 && !item.disabled) str += ' breadcrumbs-item-click';
204
- if (item.disabled) str += ' breadcrumbs-item-disabled';
205
- return jsxs(Fragment, {
206
- children: [jsx("li", Object.assign({
207
- className: str,
208
- style: {
209
- maxWidth: item.maxWidth || maxWidth
210
- },
211
- onClick: clickItem(item, index)
212
- }, {
213
- children: jsx(AutoTips, {
214
- children: jsx("span", Object.assign({
215
- className: 'breadcrumbs-item-content'
216
- }, {
217
- children: item.label
218
- }))
219
- })
220
- })), index !== list.length - 1 && jsx("li", Object.assign({
221
- className: 'separator'
222
- }, {
223
- children: separator
224
- })), showMore && index === 0 && jsxs(Fragment$1, {
225
- children: [jsx(Popover, Object.assign({
226
- content: handContent(),
227
- overlayClassName: popoverHandClass(),
228
- trigger: trigger,
229
- placement: placement,
230
- destroyTooltipOnHide: true
231
- }, {
232
- children: jsx("li", Object.assign({
233
- className: 'breadcrumbs-item-more'
234
- }, {
235
- children: jsx(More, {})
236
- }))
237
- })), !hideArr[list.length - 1] && jsx("li", Object.assign({
238
- className: 'separator'
239
- }, {
240
- children: separator
241
- }))]
242
- })]
243
- }, index);
244
- })
245
- })), isBack && jsxs("div", Object.assign({
246
- className: 'breadcrumbs-back'
247
- }, {
248
- children: [jsx("span", {
249
- className: 'line'
250
- }), jsx("div", Object.assign({
251
- className: 'breadcrumbs-back-content',
252
- onClick: clickBack
253
- }, {
254
- children: backRender ? backRender : jsxs(Fragment$1, {
255
- children: [jsx(Return, {}), jsx("span", {
256
- children: intl({
257
- id: 'back'
258
- })
259
- })]
260
- })
261
- }))]
262
- }))]
263
- }));
264
- };
265
-
266
- export { Breadcrumbs, Breadcrumbs as default };
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- back: string;
3
- };
4
- export default _default;
@@ -1,9 +0,0 @@
1
- declare const _default: {
2
- zh: {
3
- back: string;
4
- };
5
- en: {
6
- back: string;
7
- };
8
- };
9
- export default _default;
@@ -1,4 +0,0 @@
1
- declare const _default: {
2
- back: string;
3
- };
4
- export default _default;
@@ -1,64 +0,0 @@
1
- /**
2
- * @author Hanz
3
- * @date 2021/8/4 上午10:22
4
- * @description 分体式按钮组
5
- */
6
- import React from 'react';
7
- import { ButtonProps } from '../Button';
8
- import { Placement } from '../Dropdown';
9
- import './index.scss';
10
- interface Option {
11
- /**
12
- * 按钮文字
13
- */
14
- label: string;
15
- /**
16
- * 按钮value
17
- */
18
- value?: any;
19
- /**
20
- * 禁用按钮
21
- */
22
- disabled?: boolean;
23
- [name: string]: any;
24
- }
25
- type GroupOption = Array<Option>;
26
- export interface SplitButtonProps {
27
- /**
28
- * 分体式按钮文本
29
- */
30
- buttonText?: React.ReactNode;
31
- /** 按钮选项数组 */
32
- options?: Option[] | GroupOption[];
33
- /** cls */
34
- className?: string;
35
- /** style */
36
- style?: React.CSSProperties;
37
- /** popperClassName */
38
- popperClassName?: string;
39
- /** popperStyle */
40
- popperStyle?: React.CSSProperties;
41
- /** 禁用按钮组 */
42
- disabled?: boolean;
43
- /** 浮层位置 */
44
- placement?: Placement;
45
- /** button props */
46
- buttonProps?: ButtonProps;
47
- /**
48
- * click callback
49
- * @param option
50
- * @param evt
51
- */
52
- onClick?: (option: Option, evt?: React.MouseEvent<HTMLElement>) => void;
53
- /**
54
- * 自定义选项渲染
55
- * @param option
56
- */
57
- optionRender?: (option: Option) => React.ReactNode;
58
- /** 图标按钮 */
59
- iconButton?: boolean;
60
- /** 浮层渲染容器,默认body */
61
- getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
62
- }
63
- export default function SplitButton(props: SplitButtonProps): JSX.Element;
64
- export {};