@para-ui/core 2.2.9 → 3.0.1

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 (360) hide show
  1. package/AutoBox/index.d.ts +34 -34
  2. package/AutoBox/index.js +203 -15
  3. package/AutoTips/index.d.ts +27 -27
  4. package/AutoTips/index.js +84 -15
  5. package/Breadcrumbs/index.d.ts +39 -39
  6. package/Breadcrumbs/index.js +227 -15
  7. package/Button/SplitButton.d.ts +62 -61
  8. package/Button/index.d.ts +79 -56
  9. package/Button/index.js +387 -14
  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 +128 -14
  15. package/Carousel/index.d.ts +38 -30
  16. package/Carousel/index.js +77 -15
  17. package/Cascader/index.d.ts +52 -52
  18. package/Cascader/index.js +166 -15
  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 +105 -14
  24. package/CheckboxGroup/index.d.ts +46 -46
  25. package/CheckboxGroup/index.js +138 -14
  26. package/Collapse/collapsePanel.d.ts +30 -30
  27. package/Collapse/index.d.ts +57 -57
  28. package/Collapse/index.js +171 -15
  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 +164 -15
  33. package/CollapseBox/util.d.ts +5 -5
  34. package/ColorPicker/index.d.ts +4 -4
  35. package/ColorPicker/index.js +4 -1
  36. package/ComboSelect/index.d.ts +6 -11
  37. package/ComboSelect/index.js +1062 -14
  38. package/ComboSelect/interface.d.ts +145 -143
  39. package/ComboSelect/lang/en_US.d.ts +9 -8
  40. package/ComboSelect/lang/index.d.ts +19 -17
  41. package/ComboSelect/lang/zh_CN.d.ts +9 -8
  42. package/ComboSelect/utils.d.ts +9 -12
  43. package/Container/index.d.ts +77 -77
  44. package/Container/index.js +234 -15
  45. package/DatePicker/PickerButton.d.ts +3 -3
  46. package/DatePicker/PickerTag.d.ts +3 -3
  47. package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -4
  48. package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -11
  49. package/DatePicker/generatePicker/index.d.ts +84 -77
  50. package/DatePicker/index.d.ts +18 -18
  51. package/DatePicker/index.js +737 -14
  52. package/DatePicker/lang/en_US.d.ts +3 -3
  53. package/DatePicker/lang/index.d.ts +7 -7
  54. package/DatePicker/lang/zh_CN.d.ts +3 -3
  55. package/DatePicker/util.d.ts +20 -20
  56. package/Desktop/index.d.ts +57 -55
  57. package/Desktop/index.js +853 -14
  58. package/Drawer/index.d.ts +11 -11
  59. package/Drawer/index.js +195 -14
  60. package/Drawer/interface.d.ts +83 -83
  61. package/Drawer/lang/en_US.d.ts +5 -5
  62. package/Drawer/lang/index.d.ts +11 -11
  63. package/Drawer/lang/zh_CN.d.ts +5 -5
  64. package/Dropdown/index.d.ts +38 -0
  65. package/Dropdown/index.js +67 -0
  66. package/Empty/images/index.d.ts +3 -2
  67. package/Empty/index.d.ts +30 -30
  68. package/Empty/index.js +644 -14
  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 +377 -14
  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 +74 -14
  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 +39 -14
  87. package/FunctionModal/modalContext.d.ts +15 -14
  88. package/GlobalContext/componentsProps.d.ts +21 -19
  89. package/GlobalContext/confirmLocale.d.ts +7 -7
  90. package/GlobalContext/index.d.ts +28 -28
  91. package/GlobalContext/index.js +41 -16
  92. package/GlobalContext/intl.d.ts +34 -34
  93. package/GlobalContext/useFormatMessage.d.ts +3 -3
  94. package/Help/index.d.ts +24 -20
  95. package/Help/index.js +39 -15
  96. package/HelperText/index.d.ts +19 -19
  97. package/HelperText/index.js +29 -15
  98. package/Hooks/useGlobalProps.d.ts +1 -1
  99. package/InputLang/index.d.ts +49 -49
  100. package/InputLang/index.js +270 -14
  101. package/InputNumber/index.d.ts +74 -74
  102. package/InputNumber/index.js +308 -14
  103. package/Label/index.d.ts +35 -35
  104. package/Label/index.js +81 -14
  105. package/Loading/index.d.ts +17 -17
  106. package/Loading/index.js +47 -15
  107. package/Menu/footerExpansion.d.ts +9 -9
  108. package/Menu/index.d.ts +10 -10
  109. package/Menu/index.js +1232 -14
  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 +222 -15
  115. package/Modal/Confirm/index.d.ts +65 -66
  116. package/Modal/index.d.ts +99 -61
  117. package/Modal/index.js +449 -14
  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 +231 -14
  123. package/Notification/index.d.ts +74 -52
  124. package/Notification/index.js +266 -15
  125. package/OperateBtn/index.d.ts +59 -59
  126. package/OperateBtn/index.js +260 -14
  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 +1170 -14
  134. package/PageHeader/interface.d.ts +167 -167
  135. package/Pagination/index.d.ts +33 -33
  136. package/Pagination/index.js +469 -14
  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 +8 -12
  141. package/ParauiProvider/index.js +53 -15
  142. package/PopConfirm/index.d.ts +61 -56
  143. package/PopConfirm/index.js +191 -14
  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 +16 -14
  148. package/Popover/index.js +66 -15
  149. package/Progress/Line.d.ts +47 -47
  150. package/Progress/Steps.d.ts +17 -17
  151. package/Progress/index.d.ts +81 -81
  152. package/Progress/index.js +358 -20
  153. package/Progress/utils.d.ts +6 -6
  154. package/Querying/images/index.d.ts +3 -2
  155. package/Querying/index.d.ts +26 -26
  156. package/Querying/index.js +762 -14
  157. package/Querying/lang/en_US.d.ts +4 -4
  158. package/Querying/lang/index.d.ts +9 -9
  159. package/Querying/lang/zh_CN.d.ts +4 -4
  160. package/README.md +37 -1
  161. package/Radio/index.d.ts +38 -38
  162. package/Radio/index.js +94 -14
  163. package/RadioGroup/index.d.ts +47 -47
  164. package/RadioGroup/index.js +128 -14
  165. package/Search/index.d.ts +56 -56
  166. package/Search/index.js +220 -14
  167. package/Select/index.d.ts +88 -86
  168. package/Select/index.js +1290 -14
  169. package/Select/lang/en_US.d.ts +5 -5
  170. package/Select/lang/index.d.ts +11 -11
  171. package/Select/lang/zh_CN.d.ts +5 -5
  172. package/SelectInput/index.d.ts +11 -11
  173. package/SelectInput/index.js +51 -14
  174. package/Selector/index.d.ts +11 -0
  175. package/Selector/index.js +2123 -0
  176. package/Selector/interface.d.ts +355 -0
  177. package/Selector/lang/en_US.d.ts +8 -0
  178. package/Selector/lang/index.d.ts +17 -0
  179. package/Selector/lang/zh_CN.d.ts +8 -0
  180. package/Selector/selectorData/index.d.ts +10 -0
  181. package/Selector/selectorMain/index.d.ts +10 -0
  182. package/Selector/selectorNode/index.d.ts +10 -0
  183. package/Selector/util.d.ts +15 -0
  184. package/SelectorPicker/index.d.ts +49 -0
  185. package/SelectorPicker/index.js +316 -0
  186. package/SingleBox/index.d.ts +42 -42
  187. package/SingleBox/index.js +194 -14
  188. package/Slider/index.d.ts +14 -14
  189. package/Slider/index.js +125 -15
  190. package/Slider/interface.d.ts +102 -102
  191. package/Split/index.d.ts +7 -7
  192. package/Split/index.js +134 -15
  193. package/Stepper/icons.d.ts +5 -5
  194. package/Stepper/index.d.ts +59 -39
  195. package/Stepper/index.js +98 -15
  196. package/Switch/index.d.ts +78 -78
  197. package/Switch/index.js +73 -14
  198. package/Table/index.d.ts +10 -10
  199. package/Table/index.js +2728 -14
  200. package/Table/interface.d.ts +202 -202
  201. package/Table/lang/en_US.d.ts +6 -6
  202. package/Table/lang/index.d.ts +13 -13
  203. package/Table/lang/zh_CN.d.ts +6 -6
  204. package/Table/tableBody.d.ts +9 -9
  205. package/Table/tableBodyElement/index.d.ts +15 -15
  206. package/Table/tableBodyInterface.d.ts +67 -67
  207. package/Table/tableContainer/index.d.ts +16 -16
  208. package/Table/tableElement/index.d.ts +17 -17
  209. package/Table/tableHead.d.ts +9 -9
  210. package/Table/tableHeadElement/index.d.ts +15 -15
  211. package/Table/tableHeadInterface.d.ts +26 -30
  212. package/Table/tablePagination.d.ts +9 -9
  213. package/Table/tablePaginationInterFace.d.ts +24 -24
  214. package/Table/tdElement/index.d.ts +15 -15
  215. package/Table/thElement/index.d.ts +15 -15
  216. package/Table/trElement/index.d.ts +15 -15
  217. package/Table/util.d.ts +16 -16
  218. package/Tabs/index.d.ts +69 -48
  219. package/Tabs/index.js +218 -14
  220. package/Tabs/lang/en_US.d.ts +4 -0
  221. package/Tabs/lang/index.d.ts +9 -0
  222. package/Tabs/lang/zh_CN.d.ts +4 -0
  223. package/Tag/TagGroup.d.ts +66 -66
  224. package/Tag/index.d.ts +34 -34
  225. package/Tag/index.js +286 -14
  226. package/Test/index.d.ts +3 -2
  227. package/Test/index.js +9 -16
  228. package/TextField/index.d.ts +95 -93
  229. package/TextField/index.js +687 -14
  230. package/TimePicker/index.d.ts +22 -22
  231. package/TimePicker/index.js +78 -14
  232. package/TimePicker/locale/en_US.d.ts +3 -3
  233. package/TimePicker/locale/zh_CN.d.ts +3 -3
  234. package/TimePicker/style/index.d.ts +1 -1
  235. package/Timeline/TimelineItem.d.ts +30 -0
  236. package/Timeline/index.d.ts +32 -22
  237. package/Timeline/index.js +157 -15
  238. package/ToggleButton/ToggleButtonGroup.d.ts +49 -49
  239. package/ToggleButton/index.d.ts +49 -49
  240. package/ToggleButton/index.js +200 -14
  241. package/Tooltip/index.d.ts +11 -14
  242. package/Tooltip/index.js +346 -15
  243. package/Tooltip/interface.d.ts +31 -0
  244. package/Tooltip/utils.d.ts +18 -0
  245. package/Transfer/index.d.ts +18 -17
  246. package/Transfer/index.js +343 -14
  247. package/Transfer/lang/en_US.d.ts +6 -6
  248. package/Transfer/lang/index.d.ts +13 -13
  249. package/Transfer/lang/zh_CN.d.ts +6 -6
  250. package/Tree/OperateBar/index.d.ts +13 -13
  251. package/Tree/Tree.d.ts +4 -4
  252. package/Tree/index.d.ts +5 -5
  253. package/Tree/index.js +35 -14
  254. package/Tree/interface.d.ts +207 -207
  255. package/Tree/lang/en_US.d.ts +8 -8
  256. package/Tree/lang/index.d.ts +17 -17
  257. package/Tree/lang/zh_CN.d.ts +8 -8
  258. package/Tree/utils/tools.d.ts +26 -26
  259. package/Tree/utils/treeUtil.d.ts +15 -15
  260. package/Upload/Dragger/index.d.ts +10 -10
  261. package/Upload/ErroTip/index.d.ts +13 -13
  262. package/Upload/ImageUpload/index.d.ts +14 -14
  263. package/Upload/ImgCrop/EasyCrop.d.ts +17 -17
  264. package/Upload/ImgCrop/constants.d.ts +7 -7
  265. package/Upload/ImgCrop/index.d.ts +6 -6
  266. package/Upload/ImgCrop/interface.d.ts +43 -24
  267. package/Upload/UploadList/index.d.ts +5 -5
  268. package/Upload/index.d.ts +15 -15
  269. package/Upload/index.js +1550 -14
  270. package/Upload/interface.d.ts +134 -134
  271. package/Upload/lang/en_US.d.ts +12 -12
  272. package/Upload/lang/index.d.ts +25 -25
  273. package/Upload/lang/zh_CN.d.ts +12 -12
  274. package/_verture/defineProperty-0590dc61.js +16 -0
  275. package/_verture/index-342379c6.js +391 -0
  276. package/_verture/index-5bb4b5d7.js +1551 -0
  277. package/_verture/index-a369ca3f.js +4 -0
  278. package/_verture/index-abfdd262.js +778 -0
  279. package/_verture/index-e2881a53.js +16 -0
  280. package/_verture/intl-336570e4.js +65 -0
  281. package/_verture/modalContext-59669f93.js +228 -0
  282. package/_verture/slicedToArray-d7722f4b.js +62 -0
  283. package/_verture/style-inject.es-300983ab.js +28 -0
  284. package/_verture/toConsumableArray-f8047a75.js +19 -0
  285. package/_verture/tslib.es6-55ed4bd2.js +38 -0
  286. package/_verture/typeof-498dd2b1.js +11 -0
  287. package/_verture/useFormatMessage-ac9d6acf.js +20 -0
  288. package/_verture/useGlobalProps-af9a2af6.js +12 -0
  289. package/index.d.ts +132 -128
  290. package/index.js +163 -19
  291. package/package.json +59 -23
  292. package/ComboSelect/WithTabsCombo/index.d.ts +0 -11
  293. package/ComboSelect/WithTabsCombo/interface.d.ts +0 -141
  294. package/Popper/index.d.ts +0 -13
  295. package/Popper/index.js +0 -16
  296. package/cdn/AutoBox/index.js +0 -29
  297. package/cdn/AutoTips/index.js +0 -40
  298. package/cdn/Breadcrumbs/index.js +0 -53
  299. package/cdn/Button/index.js +0 -79
  300. package/cdn/ButtonGroup/index.js +0 -79
  301. package/cdn/Carousel/index.js +0 -6
  302. package/cdn/Cascader/index.js +0 -42
  303. package/cdn/Checkbox/index.js +0 -53
  304. package/cdn/CheckboxGroup/index.js +0 -53
  305. package/cdn/Collapse/index.js +0 -27
  306. package/cdn/CollapseBox/index.js +0 -1
  307. package/cdn/ColorPicker/index.js +0 -1
  308. package/cdn/ComboSelect/index.js +0 -438
  309. package/cdn/Container/index.js +0 -1
  310. package/cdn/DatePicker/index.js +0 -185
  311. package/cdn/Desktop/index.js +0 -24
  312. package/cdn/Drawer/index.js +0 -84
  313. package/cdn/Empty/index.js +0 -1
  314. package/cdn/Form/index.js +0 -477
  315. package/cdn/FormItem/index.js +0 -477
  316. package/cdn/FunctionModal/index.js +0 -144
  317. package/cdn/GlobalContext/index.js +0 -1
  318. package/cdn/Help/index.js +0 -53
  319. package/cdn/HelperText/index.js +0 -1
  320. package/cdn/InputLang/index.js +0 -144
  321. package/cdn/InputNumber/index.js +0 -118
  322. package/cdn/Label/index.js +0 -53
  323. package/cdn/Loading/index.js +0 -14
  324. package/cdn/Menu/index.js +0 -40
  325. package/cdn/Message/index.js +0 -53
  326. package/cdn/Modal/index.js +0 -144
  327. package/cdn/MultiBox/index.js +0 -131
  328. package/cdn/Notification/index.js +0 -66
  329. package/cdn/OperateBtn/index.js +0 -92
  330. package/cdn/PageHeader/index.js +0 -92
  331. package/cdn/Pagination/index.js +0 -214
  332. package/cdn/ParauiProvider/index.js +0 -9
  333. package/cdn/PopConfirm/index.js +0 -131
  334. package/cdn/Popover/index.js +0 -16
  335. package/cdn/Popper/index.js +0 -26
  336. package/cdn/Progress/index.js +0 -58
  337. package/cdn/Querying/index.js +0 -1
  338. package/cdn/Radio/index.js +0 -53
  339. package/cdn/RadioGroup/index.js +0 -53
  340. package/cdn/Search/index.js +0 -144
  341. package/cdn/Select/index.js +0 -131
  342. package/cdn/SelectInput/index.js +0 -131
  343. package/cdn/SingleBox/index.js +0 -131
  344. package/cdn/Slider/index.js +0 -16
  345. package/cdn/Split/index.js +0 -1
  346. package/cdn/Stepper/index.js +0 -154
  347. package/cdn/Switch/index.js +0 -71
  348. package/cdn/Table/index.js +0 -292
  349. package/cdn/Tabs/index.js +0 -165
  350. package/cdn/Tag/index.js +0 -27
  351. package/cdn/Test/index.js +0 -1
  352. package/cdn/TextField/index.js +0 -105
  353. package/cdn/TimePicker/index.js +0 -185
  354. package/cdn/Timeline/index.js +0 -16
  355. package/cdn/ToggleButton/index.js +0 -79
  356. package/cdn/Tooltip/index.js +0 -40
  357. package/cdn/Transfer/index.js +0 -170
  358. package/cdn/Tree/index.js +0 -170
  359. package/cdn/Upload/index.js +0 -252
  360. package/style.css +0 -72
@@ -1,4 +1,4 @@
1
- declare const _default: {
2
- querying: string;
3
- };
4
- export default _default;
1
+ declare const _default: {
2
+ querying: string;
3
+ };
4
+ export default _default;
@@ -1,9 +1,9 @@
1
- declare const _default: {
2
- zh: {
3
- querying: string;
4
- };
5
- en: {
6
- querying: string;
7
- };
8
- };
9
- export default _default;
1
+ declare const _default: {
2
+ zh: {
3
+ querying: string;
4
+ };
5
+ en: {
6
+ querying: string;
7
+ };
8
+ };
9
+ export default _default;
@@ -1,4 +1,4 @@
1
- declare const _default: {
2
- querying: string;
3
- };
4
- export default _default;
1
+ declare const _default: {
2
+ querying: string;
3
+ };
4
+ export default _default;
package/README.md CHANGED
@@ -1,3 +1,25 @@
1
+ ## 版本: 3.0.1
2
+
3
+ para-ui/core@3.0.1 发布
4
+ 【PageHeader】 导航栏页头修改用户名行高,让内容不被遮挡
5
+ 【Table】 修改表格请求多次发送loading在safari不正常
6
+ 【Table】 提高表格loading组件层级为100,防止在表格中使用,固定列被遮挡
7
+ 【Table】修复表格表头显示列,复选框safari不对齐问题
8
+ 【Selector】增加空状态
9
+ 【TextField】增加搜索空状态
10
+ 【Button】增加 a 链接行为
11
+ 【Button.IconButton】增加 a 链接行为
12
+ 【ComboSelect】超出最大Tag显示数,超出部分弹出显示
13
+
14
+ ## 版本: 3.0.0
15
+
16
+ para-ui/core@3.0.0 发布
17
+ 1. 摒弃@material-ui依赖,现组件库以 rc 系列组件为基础封装,组件基本兼容旧用法
18
+ 2. Popover 组件用法大不相同,需开发人员同步更新
19
+ 3. moment 替换为 dayjs
20
+ 4. 组件浮层默认挂载到body容器
21
+ 5. 组件库文档同步更新
22
+
1
23
  ## 版本: 2.2.9
2
24
 
3
25
  para-ui/core@2.2.9 发布
@@ -21,12 +43,22 @@
21
43
  【Message】挂载容器增加className和style属性
22
44
  【Table】改变url,分页回到第一页
23
45
 
46
+ ## 版本: 2.2.5-beta
47
+
48
+ para-ui/core@2.2.5-beta 发布
49
+ 【全局】优化声明文件打包
50
+
24
51
  ## 版本: 2.2.5
25
52
 
26
53
  para-ui/core@2.2.5 发布
27
54
  【Radio】修改label传入空字符串显示了label问题
28
55
  【Checkbox】修改label传入空字符串显示了label问题
29
56
 
57
+ ## 版本: 2.2.4-beta
58
+
59
+ para-ui/core@2.2.4-beta 发布
60
+ 【全局】修改打包方式为rollup
61
+
30
62
  ## 版本: 2.2.4
31
63
 
32
64
  para-ui/core@2.2.4 发布
@@ -35,6 +67,11 @@
35
67
  【ComboSelect】增加height属性
36
68
  【Popover】修改z-index为1300
37
69
 
70
+ ## 版本: 2.2.0
71
+
72
+ para-ui/core@2.2.0 发布
73
+ 【全局】去除所有mui相关组件,以及依赖
74
+
38
75
  ## 版本: 2.1.45
39
76
 
40
77
  para-ui/core@2.1.45 发布
@@ -310,7 +347,6 @@
310
347
  【ComboSelect】解决超出屏幕时,上下闪动问题
311
348
  【ComboSelect】解决数据为空时,频繁刷新问题
312
349
  【ComboSelect】解决表格搜索模式时,多个滚动条问题
313
- 【Tree】增加onMounted属性,非空挂载完成回调
314
350
  【ToggleButtonGroup】增加文字类型和样式
315
351
  【MultiBox】修改下边距过大
316
352
  【SingleBox】修改下边距过大
package/Radio/index.d.ts CHANGED
@@ -1,38 +1,38 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/4 10:20
4
- * @description 单选框
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import { LabelTooltipProps } from '../Label';
8
- import './index.scss';
9
- export interface RadioProps {
10
- /** 样式class */
11
- className?: string;
12
- /** style */
13
- style?: React.CSSProperties;
14
- /** 标题 */
15
- label?: ReactNode;
16
- /** 帮组提示信息 */
17
- labelTooltip?: LabelTooltipProps;
18
- /** 大小 */
19
- size?: 'small' | 'medium' | 'large';
20
- /** 默认值 有值不受控组件 初始化第一次 */
21
- defaultChecked?: boolean;
22
- /** 默认值 有值受控组件*/
23
- checked?: boolean;
24
- /** 禁用 */
25
- disabled?: boolean;
26
- /** inputProps */
27
- inputProps?: {
28
- type?: string;
29
- value?: any;
30
- checked?: any;
31
- [name: string]: any;
32
- };
33
- /** 改变事件 */
34
- onChange?: (e: any, checked: boolean) => void;
35
- [name: string]: any;
36
- }
37
- export declare const Radio: FunctionComponent<RadioProps>;
38
- export default Radio;
1
+ /**
2
+ * @author linhd
3
+ * @date 2021/8/4 10:20
4
+ * @description 单选框
5
+ */
6
+ import React, { FunctionComponent, ReactNode } from 'react';
7
+ import { LabelTooltipProps } from '../Label';
8
+ import './index.scss';
9
+ export interface RadioProps {
10
+ /** 样式class */
11
+ className?: string;
12
+ /** style */
13
+ style?: React.CSSProperties;
14
+ /** 标题 */
15
+ label?: ReactNode;
16
+ /** 帮组提示信息 */
17
+ labelTooltip?: LabelTooltipProps;
18
+ /** 大小 */
19
+ size?: 'small' | 'medium' | 'large';
20
+ /** 默认值 有值不受控组件 初始化第一次 */
21
+ defaultChecked?: boolean;
22
+ /** 默认值 有值受控组件*/
23
+ checked?: boolean;
24
+ /** 禁用 */
25
+ disabled?: boolean;
26
+ /** inputProps */
27
+ inputProps?: {
28
+ type?: string;
29
+ value?: any;
30
+ checked?: any;
31
+ [name: string]: any;
32
+ };
33
+ /** 改变事件 */
34
+ onChange?: (e: any, checked: boolean) => void;
35
+ [name: string]: any;
36
+ }
37
+ export declare const Radio: FunctionComponent<RadioProps>;
38
+ export default Radio;
package/Radio/index.js CHANGED
@@ -1,14 +1,94 @@
1
- !function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/Help"],e):"object"==typeof exports?exports.ParaUI=e(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help")):r.ParaUI=e(r.react,r["@material-ui/core"],r.clsx,r["@para-ui/icons/Help"])}(self,(function(r,e,a,o){return function(){var i={7381:function(r,e,a){(e=a(3645)(!1)).push([r.id,".paraui-help{display:inline-block;font-size:16px;color:rgba(46,55,67,.7)}.paraui-help:hover{color:#3666d6}.paraui-help .paraui-icon{font-size:inherit;color:inherit}",""]),r.exports=e},4928:function(r,e,a){(e=a(3645)(!1)).push([r.id,".paraui-label{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;color:rgba(46,55,67,.7);margin-bottom:8px;display:inline-block;line-height:1.43;word-break:break-all}.paraui-label>.paraui-label-required{margin-left:2px;color:#eb6054}.paraui-label>.paraui-help{vertical-align:top;margin-left:4px}.paraui-label>.paraui-help svg{color:rgba(46,55,67,.4);vertical-align:top;position:relative;top:2px}.paraui-label.paraui-label-line.paraui-label-tooltip{border-bottom:1px dashed rgba(46,55,67,.4);padding-bottom:2px}",""]),r.exports=e},8979:function(r,e,a){(e=a(3645)(!1)).push([r.id,'.paraui-radio{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;cursor:pointer;display:inline-flex;align-items:flex-start;line-height:16px}.paraui-radio:hover>.paraui-radio-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-radio:hover>.paraui-radio-label svg{color:rgba(54,102,214,.8)}.paraui-radio:hover>.paraui-help>.paraui-radio-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-radio:hover>.paraui-help>.paraui-radio-label svg{color:rgba(54,102,214,.8)}.paraui-radio:hover>.paraui-radio-box>.paraui-radio-box-inner{border-color:rgba(54,102,214,.8)}.paraui-radio>.paraui-radio-box{position:relative}.paraui-radio>.paraui-radio-box>input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.paraui-radio>.paraui-radio-box>.paraui-radio-box-inner{position:relative;top:0;left:0;display:block;background-color:#fff;border:1px solid rgba(171,176,185,.4);border-radius:50%}.paraui-radio>.paraui-radio-box>.paraui-radio-box-inner:after{position:absolute;display:table;content:" ";transform:scale(1) translate(-50%, -50%);background-color:#fff;border-radius:50%;left:50%;top:50%}.paraui-radio>.paraui-radio-label{color:#2e3743;padding:0 8px;margin:0;display:inline-flex;align-items:flex-start}.paraui-radio>.paraui-radio-label>.paraui-help>svg{top:0}.paraui-radio .paraui-label{line-height:16px}.paraui-radio>.paraui-help{padding:0 8px}.paraui-radio>.paraui-help>.paraui-radio-label{color:#2e3743;margin:0;display:inline-flex;align-items:center}.paraui-radio.radio-checked>.paraui-radio-box>.paraui-radio-box-inner{border-color:rgba(0,0,0,0);background-color:#3666d6}.paraui-radio.radio-checked:hover>.paraui-radio-box>.paraui-radio-box-inner{border-color:rgba(0,0,0,0);background-color:rgba(54,102,214,.8)}.paraui-radio.radio-disabled{cursor:not-allowed}.paraui-radio.radio-disabled:hover>.paraui-radio-box>.paraui-radio-box-inner{background-color:#f5f6f7;border-color:rgba(171,176,185,.4)}.paraui-radio.radio-disabled>.paraui-radio-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-radio.radio-disabled>.paraui-radio-label svg{color:rgba(46,55,67,.4)}.paraui-radio.radio-disabled>.paraui-radio-box>input{cursor:not-allowed}.paraui-radio.radio-disabled>.paraui-radio-box>.paraui-radio-box-inner{background-color:#f5f6f7;border-color:rgba(171,176,185,.4)}.paraui-radio.radio-disabled>.paraui-radio-box>.paraui-radio-box-inner:after{background-color:#f5f6f7}.paraui-radio.radio-disabled.radio-checked>.paraui-radio-box>.paraui-radio-box-inner:after{background-color:rgba(171,176,185,.4)}.paraui-radio.radio-disabled>.paraui-help{color:rgba(46,55,67,.4)}.paraui-radio.radio-disabled>.paraui-help>.paraui-radio-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-radio.radio-small>.paraui-radio-box{top:1px}.paraui-radio.radio-small>.paraui-radio-box>.paraui-radio-box-inner{width:14px;height:14px}.paraui-radio.radio-small>.paraui-radio-box>.paraui-radio-box-inner:after{width:4px;height:4px}.paraui-radio.radio-medium>.paraui-radio-box>.paraui-radio-box-inner{width:16px;height:16px}.paraui-radio.radio-medium>.paraui-radio-box>.paraui-radio-box-inner:after{width:6px;height:6px}.paraui-radio.radio-large>.paraui-radio-box>.paraui-radio-box-inner{width:16px;height:16px}.paraui-radio.radio-large>.paraui-radio-box>.paraui-radio-box-inner:after{width:6px;height:6px}',""]),r.exports=e},9929:function(r,e,a){(e=a(3645)(!1)).push([r.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),r.exports=e},3645:function(r){"use strict";r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var a=function(r,e){var a=r[1]||"",o=r[3];if(!o)return a;if(e&&"function"==typeof btoa){var i=(n=o,l=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(u," */")),t=o.sources.map((function(r){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(r," */")}));return[a].concat(t).concat([i]).join("\n")}var n,l,u;return[a].join("\n")}(e,r);return e[2]?"@media ".concat(e[2]," {").concat(a,"}"):a})).join("")},e.i=function(r,a,o){"string"==typeof r&&(r=[[null,r,""]]);var i={};if(o)for(var t=0;t<this.length;t++){var n=this[t][0];null!=n&&(i[n]=!0)}for(var l=0;l<r.length;l++){var u=[].concat(r[l]);o&&i[u[0]]||(a&&(u[2]?u[2]="".concat(a," and ").concat(u[2]):u[2]=a),e.push(u))}},e}},7418:function(r){"use strict";
2
- /*
3
- object-assign
4
- (c) Sindre Sorhus
5
- @license MIT
6
- */var e=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function i(r){if(null==r)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(r)}r.exports=function(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de","5"===Object.getOwnPropertyNames(r)[0])return!1;for(var e={},a=0;a<10;a++)e["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(r){return e[r]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(r){o[r]=r})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(r){return!1}}()?Object.assign:function(r,t){for(var n,l,u=i(r),c=1;c<arguments.length;c++){for(var p in n=Object(arguments[c]))a.call(n,p)&&(u[p]=n[p]);if(e){l=e(n);for(var s=0;s<l.length;s++)o.call(n,l[s])&&(u[l[s]]=n[l[s]])}}return u}},5251:function(r,e,a){"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
- */a(7418);var o=a(8156),i=60103;if(e.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var t=Symbol.for;i=t("react.element"),e.Fragment=t("react.fragment")}var n=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function c(r,e,a){var o,t={},c=null,p=null;for(o in void 0!==a&&(c=""+a),void 0!==e.key&&(c=""+e.key),void 0!==e.ref&&(p=e.ref),e)l.call(e,o)&&!u.hasOwnProperty(o)&&(t[o]=e[o]);if(r&&r.defaultProps)for(o in e=r.defaultProps)void 0===t[o]&&(t[o]=e[o]);return{$$typeof:i,type:r,key:c,ref:p,props:t,_owner:n.current}}e.jsx=c,e.jsxs=c},5893:function(r,e,a){"use strict";r.exports=a(5251)},2113:function(r,e,a){var o=a(3379),i=a(7381);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},9663:function(r,e,a){var o=a(3379),i=a(4928);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},7510:function(r,e,a){var o=a(3379),i=a(8979);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},2310:function(r,e,a){var o=a(3379),i=a(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},3379:function(r,e,a){"use strict";var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},t=function(){var r={};return function(e){if(void 0===r[e]){var a=document.querySelector(e);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(r){a=null}r[e]=a}return r[e]}}(),n=[];function l(r){for(var e=-1,a=0;a<n.length;a++)if(n[a].identifier===r){e=a;break}return e}function u(r,e){for(var a={},o=[],i=0;i<r.length;i++){var t=r[i],u=e.base?t[0]+e.base:t[0],c=a[u]||0,p="".concat(u," ").concat(c);a[u]=c+1;var s=l(p),d={css:t[1],media:t[2],sourceMap:t[3]};-1!==s?(n[s].references++,n[s].updater(d)):n.push({identifier:p,updater:v(d,e),references:1}),o.push(p)}return o}function c(r){var e=document.createElement("style"),o=r.attributes||{};if(void 0===o.nonce){var i=a.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(r){e.setAttribute(r,o[r])})),"function"==typeof r.insert)r.insert(e);else{var n=t(r.insert||"head");if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(e)}return e}var p,s=(p=[],function(r,e){return p[r]=e,p.filter(Boolean).join("\n")});function d(r,e,a,o){var i=a?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(r.styleSheet)r.styleSheet.cssText=s(e,i);else{var t=document.createTextNode(i),n=r.childNodes;n[e]&&r.removeChild(n[e]),n.length?r.insertBefore(t,n[e]):r.appendChild(t)}}function f(r,e,a){var o=a.css,i=a.media,t=a.sourceMap;if(i?r.setAttribute("media",i):r.removeAttribute("media"),t&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(t))))," */")),r.styleSheet)r.styleSheet.cssText=o;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(o))}}var b=null,h=0;function v(r,e){var a,o,i;if(e.singleton){var t=h++;a=b||(b=c(e)),o=d.bind(null,a,t,!1),i=d.bind(null,a,t,!0)}else a=c(e),o=f.bind(null,a,e),i=function(){!function(r){if(null===r.parentNode)return!1;r.parentNode.removeChild(r)}(a)};return o(r),function(e){if(e){if(e.css===r.css&&e.media===r.media&&e.sourceMap===r.sourceMap)return;o(r=e)}else i()}}r.exports=function(r,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var a=u(r=r||[],e);return function(r){if(r=r||[],"[object Array]"===Object.prototype.toString.call(r)){for(var o=0;o<a.length;o++){var i=l(a[o]);n[i].references--}for(var t=u(r,e),c=0;c<a.length;c++){var p=l(a[c]);0===n[p].references&&(n[p].updater(),n.splice(p,1))}a=t}}}},3566:function(r,e,a){"use strict";var o=a(5893),i=a(7371),t=a(8076),n=a.n(t),l=a(5744),u=a.n(l),c=(a(2113),function(){return c=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},c.apply(this,arguments)}),p=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(r);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(a[o[i]]=r[o[i]])}return a};e.default=function(r){var e=r.title,a=void 0===e?"":e,t=r.children,l=r.arrow,s=void 0===l||l,d=r.interactive,f=void 0===d||d,b=r.className,h=r.placement,v=void 0===h?"top-start":h,g=p(r,["title","children","arrow","interactive","className","placement"]);return(0,o.jsx)(i.default,c({title:a,arrow:s,interactive:f,placement:v},g,{children:(0,o.jsx)("span",c({className:u()("paraui-help",b)},{children:t||(0,o.jsx)(n(),{})}))}))}},8767:function(r,e,a){"use strict";var o=a(5893),i=a(3566),t=(a(9663),function(){return t=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},t.apply(this,arguments)});e.default=function(r){var e=r.className,a=r.style,n=r.label,l=r.labelSign,u=r.required,c=void 0!==u&&u,p=r.tooltip,s=r.tooltipType,d=void 0===s?"icon":s,f=r.placement,b=r.arrow,h=r.tooltipIcon,v=function(){var r="paraui-label";return d&&(r+=" paraui-label-"+d),p&&(r+=" paraui-label-tooltip"),e&&(r+=" "+e),r};return(0,o.jsxs)(o.Fragment,{children:["icon"===d&&(0,o.jsxs)("label",t({className:v(),style:a},{children:[(0,o.jsx)(o.Fragment,{children:n}),c&&(0,o.jsx)("span",t({className:"paraui-label-required"},{children:"*"})),l&&(0,o.jsx)("span",{children:l}),p&&(0,o.jsx)(i.default,t({title:p,placement:f,arrow:b},{children:h}))]})),"line"===d&&(0,o.jsx)(i.default,t({title:p||"",placement:f,arrow:b},{children:(0,o.jsxs)("label",t({className:v(),style:a},{children:[(0,o.jsx)(o.Fragment,{children:n}),c&&(0,o.jsx)("span",t({className:"paraui-label-required"},{children:"*"})),l&&(0,o.jsx)("span",{children:l})]}))}))]})}},7371:function(r,e,a){"use strict";var o=a(5893),i=a(670),t=a(5744),n=a.n(t),l=(a(2310),function(){return l=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)}),u=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(r);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(a[o[i]]=r[o[i]])}return a};e.default=function(r){var e,a=r.placement,t=void 0===a?"top-start":a,c=r.className,p=r.arrow,s=void 0===p||p,d=r.PopperProps,f=r.boundariesElement,b=void 0===f?"scrollParent":f,h=u(r,["placement","className","arrow","PopperProps","boundariesElement"]),v=l(l({},r.classes),{popper:n()("paraui-tooltip",c,null===(e=r.classes)||void 0===e?void 0:e.popper,{"paraui-tooltip-left-right":(null==t?void 0:t.includes("left"))||(null==t?void 0:t.includes("right")),"paraui-tooltip-top-bottom":(null==t?void 0:t.includes("top"))||(null==t?void 0:t.includes("bottom"))})});return(0,o.jsx)(i.Tooltip,l({},h,{enterTouchDelay:0,arrow:s,placement:t,classes:v,PopperProps:l(l({},d),{modifiers:{preventOverflow:{boundariesElement:b}}})}))}},670:function(r){"use strict";r.exports=e},8076:function(r){"use strict";r.exports=o},5744:function(r){"use strict";r.exports=a},8156:function(e){"use strict";e.exports=r}},t={};function n(r){var e=t[r];if(void 0!==e)return e.exports;var a=t[r]={id:r,exports:{}};return i[r](a,a.exports,n),a.exports}n.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(e,{a:e}),e},n.d=function(r,e){for(var a in e)n.o(e,a)&&!n.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:e[a]})},n.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.nc=void 0;var l={};return function(){"use strict";n.r(l),n.d(l,{Radio:function(){return i}});var r=n(5893),e=n(8156),a=n(8767),o=(n(7510),function(){return o=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},o.apply(this,arguments)}),i=function(i){var t=i.className,n=void 0===t?"":t,l=i.labelTooltip,u=i.label,c=void 0===u?"":u,p=i.size,s=void 0===p?"large":p,d=i.disabled,f=void 0!==d&&d,b=i.onChange,h=i.style,v=(0,e.useState)(!1),g=v[0],x=v[1];(0,e.useEffect)((function(){void 0!==i.defaultChecked&&x(i.defaultChecked)}),[]),(0,e.useEffect)((function(){void 0!==i.checked&&x(i.checked)}),[i.checked]);var m;return(0,r.jsxs)("label",o({className:(m="paraui-radio",n&&(m+=" "+n),s&&(m+=" radio-"+s),f&&(m+=" radio-disabled"),g&&(m+=" radio-checked"),m),onClick:function(r){r.preventDefault(),f||(void 0===i.checked&&x(!g),r.target.checked=!g,b&&b(r,!g))},style:h},{children:[(0,r.jsxs)("span",o({className:"paraui-radio-box"},{children:[(0,r.jsx)("input",o({type:"radio",value:g},i.inputProps)),(0,r.jsx)("span",{className:"paraui-radio-box-inner"})]})),void 0!==c&&""!==c&&null!==c?(0,r.jsx)(a.default,o({label:c},l,{className:function(){var r="paraui-radio-label";return l&&l.className&&(r+=" "+l.className),r}()})):null]}))};l.default=i}(),l}()}));
1
+ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { useState, useEffect } from 'react';
4
+ import Label from '../Label/index.js';
5
+ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
6
+ import '../Help/index.js';
7
+ import '../_verture/tslib.es6-55ed4bd2.js';
8
+ import '../Tooltip/index.js';
9
+ import 'rc-tooltip';
10
+ import 'rc-tooltip/lib/placements';
11
+ import 'clsx';
12
+ import '@para-ui/icons/Help';
13
+
14
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-radio {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n cursor: pointer;\n display: inline-flex;\n align-items: flex-start;\n line-height: 16px;\n}\n.paraui-radio:hover > .paraui-radio-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-radio:hover > .paraui-radio-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio:hover > .paraui-help > .paraui-radio-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-radio:hover > .paraui-help > .paraui-radio-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio:hover > .paraui-radio-box > .paraui-radio-box-inner {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio > .paraui-radio-box {\n position: relative;\n}\n.paraui-radio > .paraui-radio-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-radio > .paraui-radio-box > .paraui-radio-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n background-color: white;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 50%;\n}\n.paraui-radio > .paraui-radio-box > .paraui-radio-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n transform: scale(1) translate(-50%, -50%);\n background-color: white;\n border-radius: 50%;\n left: 50%;\n top: 50%;\n}\n.paraui-radio > .paraui-radio-label {\n color: rgb(46, 55, 67);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n}\n.paraui-radio > .paraui-radio-label > .paraui-help > svg {\n top: 0;\n}\n.paraui-radio .paraui-label {\n line-height: 16px;\n}\n.paraui-radio > .paraui-help {\n padding: 0 8px;\n}\n.paraui-radio > .paraui-help > .paraui-radio-label {\n color: rgb(46, 55, 67);\n margin: 0;\n display: inline-flex;\n align-items: center;\n}\n.paraui-radio.radio-checked > .paraui-radio-box > .paraui-radio-box-inner {\n border-color: transparent;\n background-color: rgb(54, 102, 214);\n}\n.paraui-radio.radio-checked:hover > .paraui-radio-box > .paraui-radio-box-inner {\n border-color: transparent;\n background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio.radio-disabled {\n cursor: not-allowed;\n}\n.paraui-radio.radio-disabled:hover > .paraui-radio-box > .paraui-radio-box-inner {\n background-color: rgb(245, 246, 247);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-radio.radio-disabled > .paraui-radio-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > input {\n cursor: not-allowed;\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > .paraui-radio-box-inner {\n background-color: rgb(245, 246, 247);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > .paraui-radio-box-inner:after {\n background-color: rgb(245, 246, 247);\n}\n.paraui-radio.radio-disabled.radio-checked > .paraui-radio-box > .paraui-radio-box-inner:after {\n background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-help {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-help > .paraui-radio-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-radio.radio-small > .paraui-radio-box {\n top: 1px;\n}\n.paraui-radio.radio-small > .paraui-radio-box > .paraui-radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-radio.radio-small > .paraui-radio-box > .paraui-radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-radio.radio-medium > .paraui-radio-box > .paraui-radio-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-radio.radio-medium > .paraui-radio-box > .paraui-radio-box-inner:after {\n width: 6px;\n height: 6px;\n}\n.paraui-radio.radio-large > .paraui-radio-box > .paraui-radio-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-radio.radio-large > .paraui-radio-box > .paraui-radio-box-inner:after {\n width: 6px;\n height: 6px;\n}";
15
+ styleInject(css_248z);
16
+
17
+ var Radio = function Radio(props) {
18
+ var _props$className = props.className,
19
+ className = _props$className === void 0 ? '' : _props$className,
20
+ labelTooltip = props.labelTooltip,
21
+ _props$label = props.label,
22
+ label = _props$label === void 0 ? '' : _props$label,
23
+ _props$size = props.size,
24
+ size = _props$size === void 0 ? 'large' : _props$size,
25
+ _props$disabled = props.disabled,
26
+ disabled = _props$disabled === void 0 ? false : _props$disabled,
27
+ onChange = props.onChange,
28
+ style = props.style;
29
+
30
+ var _useState = useState(false),
31
+ _useState2 = _slicedToArray(_useState, 2),
32
+ checkedCom = _useState2[0],
33
+ setCheckedCom = _useState2[1]; // 复选框状态
34
+
35
+
36
+ useEffect(function () {
37
+ if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
38
+ }, []);
39
+ useEffect(function () {
40
+ if (props.checked !== undefined) setCheckedCom(props.checked);
41
+ }, [props.checked]); // 点击选择
42
+
43
+ var clickCheck = function clickCheck(e) {
44
+ e.preventDefault();
45
+ if (disabled) return; // 不可受控组件
46
+
47
+ if (props.checked === undefined) setCheckedCom(!checkedCom);
48
+ e.target.checked = !checkedCom;
49
+ onChange && onChange(e, !checkedCom);
50
+ }; // 处理className
51
+
52
+
53
+ var handClass = function handClass() {
54
+ var str = 'paraui-radio';
55
+ if (className) str += ' ' + className;
56
+ if (size) str += ' radio-' + size;
57
+ if (disabled) str += ' radio-disabled';
58
+ if (checkedCom) str += ' radio-checked';
59
+ return str;
60
+ };
61
+
62
+ var handLabelClass = function handLabelClass() {
63
+ var str = 'paraui-radio-label';
64
+
65
+ if (labelTooltip && labelTooltip.className) {
66
+ str += ' ' + labelTooltip.className;
67
+ }
68
+
69
+ return str;
70
+ };
71
+
72
+ return jsxs("label", Object.assign({
73
+ className: handClass(),
74
+ onClick: clickCheck,
75
+ style: style
76
+ }, {
77
+ children: [jsxs("span", Object.assign({
78
+ className: "paraui-radio-box"
79
+ }, {
80
+ children: [jsx("input", Object.assign({
81
+ type: "radio",
82
+ value: checkedCom
83
+ }, props.inputProps)), jsx("span", {
84
+ className: "paraui-radio-box-inner"
85
+ })]
86
+ })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
87
+ label: label
88
+ }, labelTooltip, {
89
+ className: handLabelClass()
90
+ })) : null]
91
+ }));
92
+ };
93
+
94
+ export { Radio, Radio as default };
@@ -1,47 +1,47 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/4 14:18
4
- * @description 单选框组
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import { RadioProps } from '../Radio';
8
- import { LabelTooltipProps } from "../Label";
9
- import './index.scss';
10
- export interface RadioListProps extends RadioProps {
11
- [name: string]: any;
12
- }
13
- export interface RadioGroupProps {
14
- /** 样式class */
15
- className?: string;
16
- /** style */
17
- style?: React.CSSProperties;
18
- /** 标题 */
19
- label?: ReactNode;
20
- /** 帮组提示信息 */
21
- labelTooltip?: LabelTooltipProps;
22
- /** 尺寸 */
23
- size?: 'small' | 'medium' | 'large';
24
- /** 是否必填 */
25
- required?: boolean;
26
- /** 布局方式 横向/竖向 */
27
- row?: boolean;
28
- /** 是否禁用 */
29
- disabled?: boolean;
30
- /** 是否显示错误 */
31
- error?: boolean;
32
- /** 错误提示 */
33
- helperText?: ReactNode;
34
- /** 默认值 不受控 */
35
- defaultValue?: any;
36
- /** 默认值 */
37
- value?: any;
38
- /** 选中选值 */
39
- id?: string;
40
- /** 选项数据 */
41
- list: RadioListProps[];
42
- /** 改变值 */
43
- onChange?: (val: any, item?: RadioListProps) => void;
44
- [name: string]: any;
45
- }
46
- export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
47
- export default RadioGroup;
1
+ /**
2
+ * @author linhd
3
+ * @date 2021/8/4 14:18
4
+ * @description 单选框组
5
+ */
6
+ import React, { FunctionComponent, ReactNode } from 'react';
7
+ import { RadioProps } from '../Radio';
8
+ import { LabelTooltipProps } from "../Label";
9
+ import './index.scss';
10
+ export interface RadioListProps extends RadioProps {
11
+ [name: string]: any;
12
+ }
13
+ export interface RadioGroupProps {
14
+ /** 样式class */
15
+ className?: string;
16
+ /** style */
17
+ style?: React.CSSProperties;
18
+ /** 标题 */
19
+ label?: ReactNode;
20
+ /** 帮组提示信息 */
21
+ labelTooltip?: LabelTooltipProps;
22
+ /** 尺寸 */
23
+ size?: 'small' | 'medium' | 'large';
24
+ /** 是否必填 */
25
+ required?: boolean;
26
+ /** 布局方式 横向/竖向 */
27
+ row?: boolean;
28
+ /** 是否禁用 */
29
+ disabled?: boolean;
30
+ /** 是否显示错误 */
31
+ error?: boolean;
32
+ /** 错误提示 */
33
+ helperText?: ReactNode;
34
+ /** 默认值 不受控 */
35
+ defaultValue?: any;
36
+ /** 默认值 */
37
+ value?: any;
38
+ /** 选中选值 */
39
+ id?: string;
40
+ /** 选项数据 */
41
+ list: RadioListProps[];
42
+ /** 改变值 */
43
+ onChange?: (val: any, item?: RadioListProps) => void;
44
+ [name: string]: any;
45
+ }
46
+ export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
47
+ export default RadioGroup;