@para-ui/core 2.2.7-beta → 2.2.9

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 (348) hide show
  1. package/AutoBox/index.d.ts +34 -34
  2. package/AutoBox/index.js +15 -203
  3. package/AutoTips/index.d.ts +27 -27
  4. package/AutoTips/index.js +15 -84
  5. package/Breadcrumbs/index.d.ts +39 -39
  6. package/Breadcrumbs/index.js +15 -227
  7. package/Button/SplitButton.d.ts +61 -62
  8. package/Button/index.d.ts +56 -71
  9. package/Button/index.js +14 -348
  10. package/Button/lang/en_US.d.ts +4 -4
  11. package/Button/lang/index.d.ts +9 -9
  12. package/Button/lang/zh_CN.d.ts +4 -4
  13. package/ButtonGroup/index.d.ts +33 -33
  14. package/ButtonGroup/index.js +14 -128
  15. package/Carousel/index.d.ts +30 -30
  16. package/Carousel/index.js +15 -74
  17. package/Cascader/index.d.ts +52 -52
  18. package/Cascader/index.js +15 -166
  19. package/Cascader/lang/en_US.d.ts +4 -4
  20. package/Cascader/lang/index.d.ts +9 -9
  21. package/Cascader/lang/zh_CN.d.ts +4 -4
  22. package/Checkbox/index.d.ts +40 -40
  23. package/Checkbox/index.js +14 -105
  24. package/CheckboxGroup/index.d.ts +46 -46
  25. package/CheckboxGroup/index.js +14 -138
  26. package/Collapse/collapsePanel.d.ts +30 -30
  27. package/Collapse/index.d.ts +57 -57
  28. package/Collapse/index.js +15 -171
  29. package/Collapse/motion.d.ts +5 -5
  30. package/Collapse/util.d.ts +11 -11
  31. package/CollapseBox/index.d.ts +27 -27
  32. package/CollapseBox/index.js +15 -164
  33. package/CollapseBox/util.d.ts +5 -5
  34. package/ColorPicker/index.d.ts +4 -4
  35. package/ColorPicker/index.js +1 -4
  36. package/ComboSelect/WithTabsCombo/index.d.ts +11 -11
  37. package/ComboSelect/WithTabsCombo/interface.d.ts +141 -141
  38. package/ComboSelect/index.d.ts +11 -11
  39. package/ComboSelect/index.js +14 -1803
  40. package/ComboSelect/interface.d.ts +143 -140
  41. package/ComboSelect/lang/en_US.d.ts +8 -8
  42. package/ComboSelect/lang/index.d.ts +17 -17
  43. package/ComboSelect/lang/zh_CN.d.ts +8 -8
  44. package/ComboSelect/utils.d.ts +12 -12
  45. package/Container/index.d.ts +77 -77
  46. package/Container/index.js +15 -239
  47. package/DatePicker/PickerButton.d.ts +3 -3
  48. package/DatePicker/PickerTag.d.ts +3 -3
  49. package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -4
  50. package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -11
  51. package/DatePicker/generatePicker/index.d.ts +77 -77
  52. package/DatePicker/index.d.ts +18 -18
  53. package/DatePicker/index.js +14 -733
  54. package/DatePicker/lang/en_US.d.ts +3 -3
  55. package/DatePicker/lang/index.d.ts +7 -7
  56. package/DatePicker/lang/zh_CN.d.ts +3 -3
  57. package/DatePicker/util.d.ts +20 -20
  58. package/Desktop/index.d.ts +55 -57
  59. package/Desktop/index.js +14 -853
  60. package/Drawer/index.d.ts +11 -11
  61. package/Drawer/index.js +14 -186
  62. package/Drawer/interface.d.ts +83 -83
  63. package/Drawer/lang/en_US.d.ts +5 -5
  64. package/Drawer/lang/index.d.ts +11 -11
  65. package/Drawer/lang/zh_CN.d.ts +5 -5
  66. package/Empty/images/index.d.ts +2 -3
  67. package/Empty/index.d.ts +30 -30
  68. package/Empty/index.js +14 -644
  69. package/Empty/lang/en_US.d.ts +6 -6
  70. package/Empty/lang/index.d.ts +13 -13
  71. package/Empty/lang/zh_CN.d.ts +6 -6
  72. package/Form/index.d.ts +181 -181
  73. package/Form/index.js +14 -384
  74. package/FormItem/compoments/defaultCompoments/index.d.ts +19 -19
  75. package/FormItem/compoments/formCheckboxGroup/index.d.ts +8 -8
  76. package/FormItem/compoments/formFile/index.d.ts +38 -38
  77. package/FormItem/compoments/formRadioGroup/index.d.ts +8 -8
  78. package/FormItem/compoments/formSelect/index.d.ts +18 -18
  79. package/FormItem/errorTips.d.ts +12 -12
  80. package/FormItem/index.d.ts +152 -152
  81. package/FormItem/index.js +14 -81
  82. package/FormItem/itemType.d.ts +42 -42
  83. package/FormItem/validateFunction.d.ts +15 -15
  84. package/FunctionModal/dialog.d.ts +58 -58
  85. package/FunctionModal/index.d.ts +8 -8
  86. package/FunctionModal/index.js +14 -39
  87. package/FunctionModal/modalContext.d.ts +14 -15
  88. package/GlobalContext/componentsProps.d.ts +19 -19
  89. package/GlobalContext/confirmLocale.d.ts +7 -7
  90. package/GlobalContext/index.d.ts +28 -28
  91. package/GlobalContext/index.js +16 -41
  92. package/GlobalContext/intl.d.ts +34 -34
  93. package/GlobalContext/useFormatMessage.d.ts +3 -3
  94. package/Help/index.d.ts +20 -18
  95. package/Help/index.js +15 -39
  96. package/HelperText/index.d.ts +19 -19
  97. package/HelperText/index.js +15 -29
  98. package/Hooks/useGlobalProps.d.ts +1 -1
  99. package/InputLang/index.d.ts +49 -49
  100. package/InputLang/index.js +14 -270
  101. package/InputNumber/index.d.ts +74 -74
  102. package/InputNumber/index.js +14 -308
  103. package/Label/index.d.ts +35 -35
  104. package/Label/index.js +14 -81
  105. package/Loading/index.d.ts +17 -17
  106. package/Loading/index.js +15 -47
  107. package/Menu/footerExpansion.d.ts +9 -9
  108. package/Menu/index.d.ts +10 -10
  109. package/Menu/index.js +14 -1232
  110. package/Menu/interface.d.ts +139 -139
  111. package/Menu/logo.d.ts +9 -9
  112. package/Menu/verticalMenuList.d.ts +14 -14
  113. package/Message/index.d.ts +73 -73
  114. package/Message/index.js +15 -222
  115. package/Modal/Confirm/index.d.ts +66 -65
  116. package/Modal/index.d.ts +61 -90
  117. package/Modal/index.js +14 -443
  118. package/Modal/lang/en_US.d.ts +5 -5
  119. package/Modal/lang/index.d.ts +11 -11
  120. package/Modal/lang/zh_CN.d.ts +5 -5
  121. package/MultiBox/index.d.ts +54 -54
  122. package/MultiBox/index.js +14 -231
  123. package/Notification/index.d.ts +52 -52
  124. package/Notification/index.js +15 -266
  125. package/OperateBtn/index.d.ts +59 -59
  126. package/OperateBtn/index.js +14 -260
  127. package/OperateBtn/lang/en_US.d.ts +4 -4
  128. package/OperateBtn/lang/index.d.ts +9 -9
  129. package/OperateBtn/lang/zh_CN.d.ts +4 -4
  130. package/PageHeader/horizontalMeun.d.ts +9 -9
  131. package/PageHeader/horizontalMeunRight.d.ts +9 -9
  132. package/PageHeader/index.d.ts +10 -10
  133. package/PageHeader/index.js +14 -1171
  134. package/PageHeader/interface.d.ts +167 -167
  135. package/Pagination/index.d.ts +33 -33
  136. package/Pagination/index.js +14 -469
  137. package/Pagination/lang/en_US.d.ts +8 -8
  138. package/Pagination/lang/index.d.ts +17 -17
  139. package/Pagination/lang/zh_CN.d.ts +8 -8
  140. package/ParauiProvider/index.d.ts +12 -8
  141. package/ParauiProvider/index.js +15 -53
  142. package/PopConfirm/index.d.ts +56 -58
  143. package/PopConfirm/index.js +14 -189
  144. package/PopConfirm/lang/en_US.d.ts +5 -5
  145. package/PopConfirm/lang/index.d.ts +11 -11
  146. package/PopConfirm/lang/zh_CN.d.ts +5 -5
  147. package/Popover/index.d.ts +14 -14
  148. package/Popover/index.js +15 -66
  149. package/Popper/index.d.ts +13 -0
  150. package/Popper/index.js +16 -0
  151. package/Progress/Line.d.ts +47 -47
  152. package/Progress/Steps.d.ts +17 -17
  153. package/Progress/index.d.ts +81 -81
  154. package/Progress/index.js +20 -358
  155. package/Progress/utils.d.ts +6 -6
  156. package/Querying/images/index.d.ts +2 -3
  157. package/Querying/index.d.ts +26 -26
  158. package/Querying/index.js +14 -762
  159. package/Querying/lang/en_US.d.ts +4 -4
  160. package/Querying/lang/index.d.ts +9 -9
  161. package/Querying/lang/zh_CN.d.ts +4 -4
  162. package/README.md +518 -0
  163. package/Radio/index.d.ts +38 -38
  164. package/Radio/index.js +14 -94
  165. package/RadioGroup/index.d.ts +47 -47
  166. package/RadioGroup/index.js +14 -128
  167. package/Search/index.d.ts +56 -56
  168. package/Search/index.js +14 -220
  169. package/Select/index.d.ts +86 -86
  170. package/Select/index.js +14 -1288
  171. package/Select/lang/en_US.d.ts +5 -5
  172. package/Select/lang/index.d.ts +11 -11
  173. package/Select/lang/zh_CN.d.ts +5 -5
  174. package/SelectInput/index.d.ts +11 -11
  175. package/SelectInput/index.js +14 -51
  176. package/SingleBox/index.d.ts +42 -42
  177. package/SingleBox/index.js +14 -194
  178. package/Slider/index.d.ts +14 -14
  179. package/Slider/index.js +15 -125
  180. package/Slider/interface.d.ts +102 -102
  181. package/Split/index.d.ts +7 -7
  182. package/Split/index.js +15 -134
  183. package/Stepper/icons.d.ts +5 -5
  184. package/Stepper/index.d.ts +39 -49
  185. package/Stepper/index.js +15 -99
  186. package/Switch/index.d.ts +78 -78
  187. package/Switch/index.js +14 -73
  188. package/Table/index.d.ts +10 -10
  189. package/Table/index.js +14 -2725
  190. package/Table/interface.d.ts +202 -202
  191. package/Table/lang/en_US.d.ts +6 -6
  192. package/Table/lang/index.d.ts +13 -13
  193. package/Table/lang/zh_CN.d.ts +6 -6
  194. package/Table/tableBody.d.ts +9 -9
  195. package/Table/tableBodyElement/index.d.ts +15 -15
  196. package/Table/tableBodyInterface.d.ts +67 -67
  197. package/Table/tableContainer/index.d.ts +16 -16
  198. package/Table/tableElement/index.d.ts +17 -17
  199. package/Table/tableHead.d.ts +9 -9
  200. package/Table/tableHeadElement/index.d.ts +15 -15
  201. package/Table/tableHeadInterface.d.ts +30 -26
  202. package/Table/tablePagination.d.ts +9 -9
  203. package/Table/tablePaginationInterFace.d.ts +24 -24
  204. package/Table/tdElement/index.d.ts +15 -15
  205. package/Table/thElement/index.d.ts +15 -15
  206. package/Table/trElement/index.d.ts +15 -15
  207. package/Table/util.d.ts +16 -16
  208. package/Tabs/index.d.ts +48 -69
  209. package/Tabs/index.js +14 -218
  210. package/Tag/TagGroup.d.ts +66 -66
  211. package/Tag/index.d.ts +34 -34
  212. package/Tag/index.js +14 -286
  213. package/Test/index.d.ts +2 -3
  214. package/Test/index.js +16 -9
  215. package/TextField/index.d.ts +93 -93
  216. package/TextField/index.js +14 -686
  217. package/TimePicker/index.d.ts +22 -22
  218. package/TimePicker/index.js +14 -77
  219. package/TimePicker/locale/en_US.d.ts +3 -3
  220. package/TimePicker/locale/zh_CN.d.ts +3 -3
  221. package/TimePicker/style/index.d.ts +1 -1
  222. package/Timeline/index.d.ts +22 -31
  223. package/Timeline/index.js +15 -150
  224. package/ToggleButton/ToggleButtonGroup.d.ts +49 -49
  225. package/ToggleButton/index.d.ts +49 -49
  226. package/ToggleButton/index.js +14 -200
  227. package/Tooltip/index.d.ts +14 -11
  228. package/Tooltip/index.js +15 -335
  229. package/Transfer/index.d.ts +17 -18
  230. package/Transfer/index.js +14 -343
  231. package/Transfer/lang/en_US.d.ts +6 -6
  232. package/Transfer/lang/index.d.ts +13 -13
  233. package/Transfer/lang/zh_CN.d.ts +6 -6
  234. package/Tree/OperateBar/index.d.ts +13 -13
  235. package/Tree/Tree.d.ts +4 -4
  236. package/Tree/index.d.ts +5 -5
  237. package/Tree/index.js +14 -35
  238. package/Tree/interface.d.ts +207 -209
  239. package/Tree/lang/en_US.d.ts +8 -8
  240. package/Tree/lang/index.d.ts +17 -17
  241. package/Tree/lang/zh_CN.d.ts +8 -8
  242. package/Tree/utils/tools.d.ts +26 -26
  243. package/Tree/utils/treeUtil.d.ts +15 -15
  244. package/Upload/Dragger/index.d.ts +10 -10
  245. package/Upload/ErroTip/index.d.ts +13 -13
  246. package/Upload/ImageUpload/index.d.ts +14 -14
  247. package/Upload/ImgCrop/EasyCrop.d.ts +17 -17
  248. package/Upload/ImgCrop/constants.d.ts +7 -7
  249. package/Upload/ImgCrop/index.d.ts +6 -6
  250. package/Upload/ImgCrop/interface.d.ts +24 -24
  251. package/Upload/UploadList/index.d.ts +5 -5
  252. package/Upload/index.d.ts +15 -15
  253. package/Upload/index.js +14 -1542
  254. package/Upload/interface.d.ts +134 -134
  255. package/Upload/lang/en_US.d.ts +12 -12
  256. package/Upload/lang/index.d.ts +25 -25
  257. package/Upload/lang/zh_CN.d.ts +12 -12
  258. package/cdn/AutoBox/index.js +29 -0
  259. package/cdn/AutoTips/index.js +40 -0
  260. package/cdn/Breadcrumbs/index.js +53 -0
  261. package/cdn/Button/index.js +79 -0
  262. package/cdn/ButtonGroup/index.js +79 -0
  263. package/cdn/Carousel/index.js +6 -0
  264. package/cdn/Cascader/index.js +42 -0
  265. package/cdn/Checkbox/index.js +53 -0
  266. package/cdn/CheckboxGroup/index.js +53 -0
  267. package/cdn/Collapse/index.js +27 -0
  268. package/cdn/CollapseBox/index.js +1 -0
  269. package/cdn/ColorPicker/index.js +1 -0
  270. package/cdn/ComboSelect/index.js +438 -0
  271. package/cdn/Container/index.js +1 -0
  272. package/cdn/DatePicker/index.js +185 -0
  273. package/cdn/Desktop/index.js +24 -0
  274. package/cdn/Drawer/index.js +84 -0
  275. package/cdn/Empty/index.js +1 -0
  276. package/cdn/Form/index.js +477 -0
  277. package/cdn/FormItem/index.js +477 -0
  278. package/cdn/FunctionModal/index.js +144 -0
  279. package/cdn/GlobalContext/index.js +1 -0
  280. package/cdn/Help/index.js +53 -0
  281. package/cdn/HelperText/index.js +1 -0
  282. package/cdn/InputLang/index.js +144 -0
  283. package/cdn/InputNumber/index.js +118 -0
  284. package/cdn/Label/index.js +53 -0
  285. package/cdn/Loading/index.js +14 -0
  286. package/cdn/Menu/index.js +40 -0
  287. package/cdn/Message/index.js +53 -0
  288. package/cdn/Modal/index.js +144 -0
  289. package/cdn/MultiBox/index.js +131 -0
  290. package/cdn/Notification/index.js +66 -0
  291. package/cdn/OperateBtn/index.js +92 -0
  292. package/cdn/PageHeader/index.js +92 -0
  293. package/cdn/Pagination/index.js +214 -0
  294. package/cdn/ParauiProvider/index.js +9 -0
  295. package/cdn/PopConfirm/index.js +131 -0
  296. package/cdn/Popover/index.js +16 -0
  297. package/cdn/Popper/index.js +26 -0
  298. package/cdn/Progress/index.js +58 -0
  299. package/cdn/Querying/index.js +1 -0
  300. package/cdn/Radio/index.js +53 -0
  301. package/cdn/RadioGroup/index.js +53 -0
  302. package/cdn/Search/index.js +144 -0
  303. package/cdn/Select/index.js +131 -0
  304. package/cdn/SelectInput/index.js +131 -0
  305. package/cdn/SingleBox/index.js +131 -0
  306. package/cdn/Slider/index.js +16 -0
  307. package/cdn/Split/index.js +1 -0
  308. package/cdn/Stepper/index.js +154 -0
  309. package/cdn/Switch/index.js +71 -0
  310. package/cdn/Table/index.js +292 -0
  311. package/cdn/Tabs/index.js +165 -0
  312. package/cdn/Tag/index.js +27 -0
  313. package/cdn/Test/index.js +1 -0
  314. package/cdn/TextField/index.js +105 -0
  315. package/cdn/TimePicker/index.js +185 -0
  316. package/cdn/Timeline/index.js +16 -0
  317. package/cdn/ToggleButton/index.js +79 -0
  318. package/cdn/Tooltip/index.js +40 -0
  319. package/cdn/Transfer/index.js +170 -0
  320. package/cdn/Tree/index.js +170 -0
  321. package/cdn/Upload/index.js +252 -0
  322. package/index.d.ts +128 -128
  323. package/index.js +19 -160
  324. package/package.json +21 -54
  325. package/style.css +72 -0
  326. package/Dropdown/index.d.ts +0 -25
  327. package/Dropdown/index.js +0 -67
  328. package/Tabs/lang/en_US.d.ts +0 -4
  329. package/Tabs/lang/index.d.ts +0 -9
  330. package/Tabs/lang/zh_CN.d.ts +0 -4
  331. package/Timeline/TimelineItem.d.ts +0 -23
  332. package/Tooltip/interface.d.ts +0 -21
  333. package/Tooltip/utils.d.ts +0 -22
  334. package/_verture/defineProperty-0590dc61.js +0 -16
  335. package/_verture/index-2c0ecd8d.js +0 -778
  336. package/_verture/index-342379c6.js +0 -391
  337. package/_verture/index-a369ca3f.js +0 -4
  338. package/_verture/index-e2881a53.js +0 -16
  339. package/_verture/index-ee85b1cd.js +0 -1555
  340. package/_verture/intl-336570e4.js +0 -65
  341. package/_verture/modalContext-e7cc8067.js +0 -228
  342. package/_verture/slicedToArray-d7722f4b.js +0 -62
  343. package/_verture/style-inject.es-300983ab.js +0 -28
  344. package/_verture/toConsumableArray-f8047a75.js +0 -19
  345. package/_verture/tslib.es6-55ed4bd2.js +0 -38
  346. package/_verture/typeof-498dd2b1.js +0 -11
  347. package/_verture/useFormatMessage-ac9d6acf.js +0 -20
  348. package/_verture/useGlobalProps-af9a2af6.js +0 -12
@@ -1,11 +1,11 @@
1
- declare const _default: {
2
- zh: {
3
- cancel: string;
4
- ok: string;
5
- };
6
- en: {
7
- cancel: string;
8
- ok: string;
9
- };
10
- };
11
- export default _default;
1
+ declare const _default: {
2
+ zh: {
3
+ cancel: string;
4
+ ok: string;
5
+ };
6
+ en: {
7
+ cancel: string;
8
+ ok: string;
9
+ };
10
+ };
11
+ export default _default;
@@ -1,5 +1,5 @@
1
- declare const _default: {
2
- cancel: string;
3
- ok: string;
4
- };
5
- export default _default;
1
+ declare const _default: {
2
+ cancel: string;
3
+ ok: string;
4
+ };
5
+ export default _default;
@@ -1,14 +1,14 @@
1
- /**
2
- * @author Hanz
3
- * @date 2022/6/7 上午10:54
4
- * @description popover
5
- */
6
- import React, { FC } from 'react';
7
- import { TooltipProps } from '../Tooltip/interface';
8
- import './index.scss';
9
- export interface PopoverProps extends TooltipProps {
10
- title?: React.ReactNode;
11
- content?: React.ReactNode;
12
- }
13
- export declare const Popover: FC<PopoverProps>;
14
- export default Popover;
1
+ /**
2
+ * @author linhd
3
+ * @date 2021/8/12 18:25
4
+ * @description 弹出框
5
+ */
6
+ import { FunctionComponent } from 'react';
7
+ import { PopoverProps as MuiPopoverProps } from '@material-ui/core';
8
+ import './index.scss';
9
+ export interface PopoverProps extends MuiPopoverProps {
10
+ /** 样式class */
11
+ className?: string;
12
+ }
13
+ export declare const Popover: FunctionComponent<PopoverProps>;
14
+ export default Popover;
package/Popover/index.js CHANGED
@@ -1,66 +1,15 @@
1
- import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
2
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import React__default from 'react';
4
- import { Tooltip } from '../Tooltip/index.js';
5
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
6
- import '../_verture/slicedToArray-d7722f4b.js';
7
- import 'rc-tooltip';
8
- import 'rc-tooltip/lib/placements';
9
- import 'clsx';
10
-
11
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-popover {\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1500;\n font-weight: 400;\n white-space: normal;\n text-align: left;\n cursor: auto;\n user-select: text;\n}\n.paraui-popover::after {\n position: absolute;\n background: rgba(255, 255, 255, 0.01);\n content: \"\";\n}\n.paraui-popover-hidden {\n display: none;\n}\n.paraui-popover-inner {\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-popover-title {\n min-height: 32px;\n margin: 0;\n padding: 4px 16px;\n color: rgb(46, 55, 67);\n font-weight: 400;\n border-bottom: 1px solid #f0f0f0;\n}\n.paraui-popover-inner-content {\n color: rgb(46, 55, 67);\n}\n.paraui-popover-buttons {\n margin-bottom: 4px;\n text-align: right;\n}\n.paraui-popover-buttons button {\n margin-left: 8px;\n}\n.paraui-popover-arrow {\n position: absolute;\n display: block;\n width: 16px;\n height: 16px;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n}\n.paraui-popover-arrow-content {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 11.3137085px;\n height: 11.3137085px;\n margin: auto;\n background-color: rgb(255, 255, 255);\n content: \"\";\n border-radius: 0 0 4px;\n pointer-events: none;\n}\n.paraui-popover-arrow-content::before {\n position: absolute;\n top: -11.3137085px;\n left: -11.3137085px;\n width: 33.9411255px;\n height: 33.9411255px;\n background: rgb(255, 255, 255) -10px -10px no-repeat;\n content: \"\";\n -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-popover-placement-top .paraui-popover-arrow, .paraui-popover-placement-topLeft .paraui-popover-arrow, .paraui-popover-placement-topRight .paraui-popover-arrow {\n bottom: -0.6862915px;\n}\n.paraui-popover-placement-top .paraui-popover-arrow-content, .paraui-popover-placement-topLeft .paraui-popover-arrow-content, .paraui-popover-placement-topRight .paraui-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(-1px) rotate(45deg);\n}\n.paraui-popover-placement-top .paraui-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-popover-placement-topLeft .paraui-popover-arrow {\n left: 16px;\n}\n.paraui-popover-placement-topRight .paraui-popover-arrow {\n right: 16px;\n}\n.paraui-popover-placement-right .paraui-popover-arrow, .paraui-popover-placement-rightTop .paraui-popover-arrow, .paraui-popover-placement-rightBottom .paraui-popover-arrow {\n left: -0.6862915px;\n}\n.paraui-popover-placement-right .paraui-popover-arrow-content, .paraui-popover-placement-rightTop .paraui-popover-arrow-content, .paraui-popover-placement-rightBottom .paraui-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(1px) rotate(135deg);\n}\n.paraui-popover-placement-right .paraui-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-popover-placement-rightTop .paraui-popover-arrow {\n top: 12px;\n}\n.paraui-popover-placement-rightBottom .paraui-popover-arrow {\n bottom: 12px;\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow, .paraui-popover-placement-bottomLeft .paraui-popover-arrow, .paraui-popover-placement-bottomRight .paraui-popover-arrow {\n top: -0.6862915px;\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow-content, .paraui-popover-placement-bottomLeft .paraui-popover-arrow-content, .paraui-popover-placement-bottomRight .paraui-popover-arrow-content {\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n transform: translateY(1px) rotate(-135deg);\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-popover-placement-bottomLeft .paraui-popover-arrow {\n left: 16px;\n}\n.paraui-popover-placement-bottomRight .paraui-popover-arrow {\n right: 16px;\n}\n.paraui-popover-placement-left .paraui-popover-arrow, .paraui-popover-placement-leftTop .paraui-popover-arrow, .paraui-popover-placement-leftBottom .paraui-popover-arrow {\n right: -0.6862915px;\n}\n.paraui-popover-placement-left .paraui-popover-arrow-content, .paraui-popover-placement-leftTop .paraui-popover-arrow-content, .paraui-popover-placement-leftBottom .paraui-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-popover-placement-left .paraui-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-popover-placement-leftTop .paraui-popover-arrow {\n top: 12px;\n}\n.paraui-popover-placement-leftBottom .paraui-popover-arrow {\n bottom: 12px;\n}\n\n.paraui-popover-zoom-big-enter,\n.paraui-popover-zoom-big-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.paraui-popover-zoom-big-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.paraui-popover-zoom-big-enter.paraui-popover-zoom-big-enter-active,\n.paraui-popover-zoom-big-appear.paraui-popover-zoom-big-appear-active {\n animation-name: parauiPopoverZoomBigIn;\n animation-play-state: running;\n}\n\n.paraui-popover-zoom-big-leave.paraui-popover-zoom-big-leave-active {\n animation-name: parauiPopoverZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.paraui-popover-zoom-big-enter,\n.paraui-popover-zoom-big-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-popover-zoom-big-enter-prepare,\n.paraui-popover-zoom-big-appear-prepare {\n transform: none;\n}\n\n.paraui-popover-zoom-big-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes parauiPopoverZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes parauiPopoverZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
12
- styleInject(css_248z);
13
-
14
- var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
15
- var title = props.title,
16
- content = props.content,
17
- restProps = __rest(props, ["title", "content"]);
18
-
19
- var getPopupContainer = function getPopupContainer(triggerNode) {
20
- var container;
21
-
22
- if (!props.getPopupContainer) {
23
- container = document.querySelector('.para-container-right');
24
- if (!container) container = document.body;
25
- } else {
26
- container = props.getPopupContainer(triggerNode) || document.body;
27
- }
28
-
29
- return container;
30
- }; //浮层
31
-
32
-
33
- var getOverlay = function getOverlay(prefixCls) {
34
- if (!title && !content) return null;
35
- return jsxs(Fragment, {
36
- children: [title && jsx("div", Object.assign({
37
- className: "".concat(prefixCls, "-title")
38
- }, {
39
- children: title
40
- })), jsx("div", Object.assign({
41
- className: "".concat(prefixCls, "-inner-content")
42
- }, {
43
- children: content
44
- }))]
45
- });
46
- };
47
-
48
- var prefixCls = 'paraui-popover';
49
- return jsx(Tooltip, Object.assign({}, restProps, {
50
- prefixCls: prefixCls,
51
- ref: ref,
52
- title: getOverlay(prefixCls),
53
- transitionName: 'paraui-popover-zoom-big',
54
- getPopupContainer: getPopupContainer
55
- }));
56
- });
57
- Popover.displayName = 'Popover';
58
- Popover.defaultProps = {
59
- placement: 'bottom',
60
- trigger: 'click',
61
- mouseEnterDelay: 0.1,
62
- mouseLeaveDelay: 0.1,
63
- arrow: false
64
- };
65
-
66
- export { Popover, Popover as default };
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core")):"function"==typeof define&&define.amd?define(["react","@material-ui/core"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core")):e.ParaUI=t(e.react,e["@material-ui/core"])}(self,(function(e,t){return function(){var r={5845:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(i=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),a=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(a).concat([o]).join("\n")}var i,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
2
+ /*
3
+ object-assign
4
+ (c) Sindre Sorhus
5
+ @license MIT
6
+ */var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),s=1;s<arguments.length;s++){for(var f in i=Object(arguments[s]))r.call(i,f)&&(u[f]=i[f]);if(t){c=t(i);for(var l=0;l<c.length;l++)n.call(i,c[l])&&(u[c[l]]=i[c[l]])}}return u}},5251:function(e,t,r){"use strict";
7
+ /** @license React v17.0.2
8
+ * react-jsx-runtime.production.min.js
9
+ *
10
+ * Copyright (c) Facebook, Inc. and its affiliates.
11
+ *
12
+ * This source code is licensed under the MIT license found in the
13
+ * LICENSE file in the root directory of this source tree.
14
+ */
15
+ r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,a={},s=null,f=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(f=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:f,props:a,_owner:i.current}}t.jsx=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},8939:function(e,t,r){var n=r(3379),o=r(5845);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var a={insert:("body","body"),singleton:!1};n(o,a);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},a=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),i=[];function c(e){for(var t=-1,r=0;r<i.length;r++)if(i[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var a=e[o],u=t.base?a[0]+t.base:a[0],s=r[u]||0,f="".concat(u," ").concat(s);r[u]=s+1;var l=c(f),p={css:a[1],media:a[2],sourceMap:a[3]};-1!==l?(i[l].references++,i[l].updater(p)):i.push({identifier:f,updater:b(p,t),references:1}),n.push(f)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var f,l=(f=[],function(e,t){return f[e]=t,f.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function d(e,t,r){var n=r.css,o=r.media,a=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,y=0;function b(e,t){var r,n,o;if(t.singleton){var a=y++;r=v||(v=s(t)),n=p.bind(null,r,a,!1),o=p.bind(null,r,a,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);i[o].references--}for(var a=u(e,t),s=0;s<r.length;s++){var f=c(r[s]);0===i[f].references&&(i[f].updater(),i.splice(f,1))}r=a}}}},670:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={id:e,exports:{}};return r[e](a,a.exports,o),a.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var a={};return function(){"use strict";o.r(a),o.d(a,{Popover:function(){return i}});var e=o(5893),t=o(670),r=(o(8939),function(){return r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)}),n=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},i=function(o){var a,i=o.className,c=o.children,u=o.classes,s=o.style,f=n(o,["className","children","classes","style"]);return(0,e.jsx)(t.Popover,r({style:r({zIndex:1300},s),className:(a="paraui-popover",i&&(a+=" "+i),a),classes:{paper:u?"paraui-popover-paper ".concat(u):"paraui-popover-paper"}},f,{children:c}))};a.default=i}(),a}()}));
@@ -0,0 +1,13 @@
1
+ /**
2
+ * @author linhd
3
+ * @date 2021/8/12 18:25
4
+ * @description 弹出框
5
+ */
6
+ import { FunctionComponent } from 'react';
7
+ import { PopperProps as MuiPopperProps } from '@material-ui/core';
8
+ export interface PopperProps extends MuiPopperProps {
9
+ /** 样式class */
10
+ className?: string;
11
+ }
12
+ export declare const Popper: FunctionComponent<PopperProps>;
13
+ export default Popper;
@@ -0,0 +1,16 @@
1
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core")):"function"==typeof define&&define.amd?define(["react","@material-ui/core"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core")):e.ParaUI=r(e.react,e["@material-ui/core"])}(self,(function(e,r){return function(){"use strict";var t={7418:function(e){
2
+ /*
3
+ object-assign
4
+ (c) Sindre Sorhus
5
+ @license MIT
6
+ */
7
+ var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),f=1;f<arguments.length;f++){for(var p in i=Object(arguments[f]))t.call(i,p)&&(u[p]=i[p]);if(r){c=r(i);for(var l=0;l<c.length;l++)n.call(i,c[l])&&(u[c[l]]=i[c[l]])}}return u}},5251:function(e,r,t){
8
+ /** @license React v17.0.2
9
+ * react-jsx-runtime.production.min.js
10
+ *
11
+ * Copyright (c) Facebook, Inc. and its affiliates.
12
+ *
13
+ * This source code is licensed under the MIT license found in the
14
+ * LICENSE file in the root directory of this source tree.
15
+ */
16
+ t(7418);var n=t(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,t){var n,a={},f=null,p=null;for(n in void 0!==t&&(f=""+t),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(p=r.ref),r)c.call(r,n)&&!u.hasOwnProperty(n)&&(a[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===a[n]&&(a[n]=r[n]);return{$$typeof:o,type:e,key:f,ref:p,props:a,_owner:i.current}}r.jsx=f},5893:function(e,r,t){e.exports=t(5251)},670:function(e){e.exports=r},8156:function(r){r.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){o.r(a),o.d(a,{Popper:function(){return i}});var e=o(5893),r=o(670),t=function(){return t=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},t.apply(this,arguments)},n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t},i=function(o){var a,i=o.className,c=o.children,u=n(o,["className","children"]);return(0,e.jsx)(r.Popper,t({className:(a="paraui-popper",i&&(a+=" "+i),a)},u,{children:c}))};a.default=i}(),a}()}));
@@ -1,47 +1,47 @@
1
- /**
2
- * @author jill
3
- * @date 2022/3/10 18:25
4
- * @description 线性进度条
5
- */
6
- import * as React from "react";
7
- import { ProgressProps, StringGradients, DirectionType } from "./index";
8
- interface LineProps extends ProgressProps {
9
- direction?: DirectionType;
10
- children: React.ReactNode;
11
- }
12
- /**
13
- * 转换 百分比 到 样式格式
14
- * {
15
- * "0%": "#afc163",
16
- * "75%": "#009900",
17
- * "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
18
- * "25%": "#66FF00",
19
- * "100%": "#ffffff"
20
- * }
21
- * @param gradients 渐变的参数
22
- * @return {string} 样式值
23
- */
24
- export declare const sortGradient: (gradients: StringGradients) => string;
25
- /**
26
- * 转换传进来 渐变的参数 为css样式
27
- * {
28
- * "0%": "#afc163",
29
- * "25%": "#66FF00",
30
- * "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
31
- * "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%)
32
- * "100%": "#ffffff"
33
- * }
34
- *
35
- * {
36
- * "from": "#afc163",
37
- * "to": "#66FF00",// ====> linear-gradient(to right, #afc163, #66FF00)
38
- * }
39
- *
40
- * @param {string} strokeColor 颜色值
41
- * @return 返回 backgroundImage 的样式值
42
- */
43
- export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
44
- backgroundImage: string;
45
- };
46
- declare const Line: React.FC<LineProps>;
47
- export default Line;
1
+ /**
2
+ * @author jill
3
+ * @date 2022/3/10 18:25
4
+ * @description 线性进度条
5
+ */
6
+ import * as React from "react";
7
+ import { ProgressProps, StringGradients, DirectionType } from "./index";
8
+ interface LineProps extends ProgressProps {
9
+ direction?: DirectionType;
10
+ children: React.ReactNode;
11
+ }
12
+ /**
13
+ * 转换 百分比 到 样式格式
14
+ * {
15
+ * "0%": "#afc163",
16
+ * "75%": "#009900",
17
+ * "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
18
+ * "25%": "#66FF00",
19
+ * "100%": "#ffffff"
20
+ * }
21
+ * @param gradients 渐变的参数
22
+ * @return {string} 样式值
23
+ */
24
+ export declare const sortGradient: (gradients: StringGradients) => string;
25
+ /**
26
+ * 转换传进来 渐变的参数 为css样式
27
+ * {
28
+ * "0%": "#afc163",
29
+ * "25%": "#66FF00",
30
+ * "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
31
+ * "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%)
32
+ * "100%": "#ffffff"
33
+ * }
34
+ *
35
+ * {
36
+ * "from": "#afc163",
37
+ * "to": "#66FF00",// ====> linear-gradient(to right, #afc163, #66FF00)
38
+ * }
39
+ *
40
+ * @param {string} strokeColor 颜色值
41
+ * @return 返回 backgroundImage 的样式值
42
+ */
43
+ export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
44
+ backgroundImage: string;
45
+ };
46
+ declare const Line: React.FC<LineProps>;
47
+ export default Line;
@@ -1,17 +1,17 @@
1
- /**
2
- * @author jill
3
- * @date 2022/3/10 18:25
4
- * @description 进度条的步骤条
5
- */
6
- import * as React from "react";
7
- import { ProgressProps } from "./index";
8
- interface StepsProps extends ProgressProps {
9
- /** 一共有多少步 **/
10
- steps: number;
11
- /** 进度条高亮部分颜色配置 **/
12
- strokeColor?: string;
13
- /** 进度条轨道部分颜色配置 **/
14
- trailColor?: string;
15
- }
16
- declare const Steps: React.FC<StepsProps>;
17
- export default Steps;
1
+ /**
2
+ * @author jill
3
+ * @date 2022/3/10 18:25
4
+ * @description 进度条的步骤条
5
+ */
6
+ import * as React from "react";
7
+ import { ProgressProps } from "./index";
8
+ interface StepsProps extends ProgressProps {
9
+ /** 一共有多少步 **/
10
+ steps: number;
11
+ /** 进度条高亮部分颜色配置 **/
12
+ strokeColor?: string;
13
+ /** 进度条轨道部分颜色配置 **/
14
+ trailColor?: string;
15
+ }
16
+ declare const Steps: React.FC<StepsProps>;
17
+ export default Steps;
@@ -1,81 +1,81 @@
1
- /**
2
- * @author jill
3
- * @date 2022/3/10 18:25
4
- * @description 进度条
5
- */
6
- import React, { FunctionComponent } from "react";
7
- import "./index.scss";
8
- /** 进度条类型 **/
9
- declare enum ProgressTypes {
10
- "line" = 0,
11
- "circle" = 1,
12
- "dashboard" = 2
13
- }
14
- export declare type ProgressType = typeof ProgressTypes[number];
15
- /** 进度条状态 **/
16
- declare enum ProgressStatuses {
17
- "normal" = 0,
18
- "exception" = 1,
19
- "active" = 2,
20
- "success" = 3
21
- }
22
- /** 渐变进度条入参格式 两种 **/
23
- export declare type StringGradients = {
24
- [percentage: string]: string;
25
- };
26
- declare type FromToGradients = {
27
- from: string;
28
- to: string;
29
- };
30
- declare type ColorStringGradients = [string, StringGradients];
31
- export declare type ProgressGradient = {
32
- direction?: string;
33
- } & (StringGradients | FromToGradients);
34
- /** 进度条渐变方向 **/
35
- export declare type DirectionType = "ltr" | "rtl" | undefined;
36
- /** 成功的进度条的配置 **/
37
- export interface SuccessProps {
38
- /** 进度条值 **/
39
- percent: number;
40
- /** 进度条颜色 **/
41
- strokeColor?: string;
42
- }
43
- export interface ProgressProps {
44
- /** 自定义样式名 **/
45
- className?: string;
46
- /** 类型,可选 line circle dashboard **/
47
- type?: ProgressType;
48
- /** 百分比 **/
49
- percent?: number | number[];
50
- /** 内容的模板函数 **/
51
- format?: (percent?: number | number[], successPercent?: number) => React.ReactNode;
52
- /** 状态,可选:success exception normal active(仅限 line) **/
53
- status?: typeof ProgressStatuses[number];
54
- /** 是否显示进度数值或状态图标 **/
55
- showInfo?: boolean;
56
- /** 进度条线的宽度,单位 px **/
57
- strokeWidth?: number;
58
- /** 进度条的样式 **/
59
- strokeLinecap?: "butt" | "square" | "round";
60
- /** 进度条的色彩 **/
61
- strokeColor?: string | ({
62
- direction?: string;
63
- } & (StringGradients | FromToGradients | ColorStringGradients));
64
- /** 未完成的分段的颜色 **/
65
- trailColor?: string;
66
- /** 圆形进度条画布宽度,单位 px **/
67
- width?: number;
68
- /** 成功进度条相关配置 **/
69
- success?: SuccessProps;
70
- /** 仪表盘进度条缺口角度,可取值 0 ~ 295 **/
71
- gapDegree?: number;
72
- /** 仪表盘进度条缺口位置 **/
73
- gapPosition?: "top" | "bottom" | "left" | "right";
74
- /** 进度条总共步数 **/
75
- steps?: number;
76
- /** 渐变颜色的方向 **/
77
- direction?: DirectionType;
78
- children?: React.ReactNode;
79
- }
80
- export declare const Progress: FunctionComponent<ProgressProps>;
81
- export default Progress;
1
+ /**
2
+ * @author jill
3
+ * @date 2022/3/10 18:25
4
+ * @description 进度条
5
+ */
6
+ import React, { FunctionComponent } from "react";
7
+ import "./index.scss";
8
+ /** 进度条类型 **/
9
+ declare enum ProgressTypes {
10
+ "line" = 0,
11
+ "circle" = 1,
12
+ "dashboard" = 2
13
+ }
14
+ export declare type ProgressType = typeof ProgressTypes[number];
15
+ /** 进度条状态 **/
16
+ declare enum ProgressStatuses {
17
+ "normal" = 0,
18
+ "exception" = 1,
19
+ "active" = 2,
20
+ "success" = 3
21
+ }
22
+ /** 渐变进度条入参格式 两种 **/
23
+ export declare type StringGradients = {
24
+ [percentage: string]: string;
25
+ };
26
+ declare type FromToGradients = {
27
+ from: string;
28
+ to: string;
29
+ };
30
+ declare type ColorStringGradients = [string, StringGradients];
31
+ export declare type ProgressGradient = {
32
+ direction?: string;
33
+ } & (StringGradients | FromToGradients);
34
+ /** 进度条渐变方向 **/
35
+ export declare type DirectionType = "ltr" | "rtl" | undefined;
36
+ /** 成功的进度条的配置 **/
37
+ export interface SuccessProps {
38
+ /** 进度条值 **/
39
+ percent: number;
40
+ /** 进度条颜色 **/
41
+ strokeColor?: string;
42
+ }
43
+ export interface ProgressProps {
44
+ /** 自定义样式名 **/
45
+ className?: string;
46
+ /** 类型,可选 line circle dashboard **/
47
+ type?: ProgressType;
48
+ /** 百分比 **/
49
+ percent?: number | number[];
50
+ /** 内容的模板函数 **/
51
+ format?: (percent?: number | number[], successPercent?: number) => React.ReactNode;
52
+ /** 状态,可选:success exception normal active(仅限 line) **/
53
+ status?: typeof ProgressStatuses[number];
54
+ /** 是否显示进度数值或状态图标 **/
55
+ showInfo?: boolean;
56
+ /** 进度条线的宽度,单位 px **/
57
+ strokeWidth?: number;
58
+ /** 进度条的样式 **/
59
+ strokeLinecap?: "butt" | "square" | "round";
60
+ /** 进度条的色彩 **/
61
+ strokeColor?: string | ({
62
+ direction?: string;
63
+ } & (StringGradients | FromToGradients | ColorStringGradients));
64
+ /** 未完成的分段的颜色 **/
65
+ trailColor?: string;
66
+ /** 圆形进度条画布宽度,单位 px **/
67
+ width?: number;
68
+ /** 成功进度条相关配置 **/
69
+ success?: SuccessProps;
70
+ /** 仪表盘进度条缺口角度,可取值 0 ~ 295 **/
71
+ gapDegree?: number;
72
+ /** 仪表盘进度条缺口位置 **/
73
+ gapPosition?: "top" | "bottom" | "left" | "right";
74
+ /** 进度条总共步数 **/
75
+ steps?: number;
76
+ /** 渐变颜色的方向 **/
77
+ direction?: DirectionType;
78
+ children?: React.ReactNode;
79
+ }
80
+ export declare const Progress: FunctionComponent<ProgressProps>;
81
+ export default Progress;