@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
package/Cascader/index.js CHANGED
@@ -1,166 +1,15 @@
1
- import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
2
- import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
3
- import { r as regenerator } from '../_verture/index-342379c6.js';
4
- import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
5
- import { jsx } from 'react/jsx-runtime';
6
- import { useState, useCallback } from 'react';
7
- import RcCascader from 'rc-cascader';
8
- import Right from '@para-ui/icons/Right';
9
- import LoadingIcon from '@para-ui/icons/Loading';
10
- import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
11
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
- import '@para-ui/core/GlobalContext';
13
-
14
- var en = {
15
- placeholder: 'Please select'
16
- };
17
-
18
- var zh = {
19
- placeholder: '请选择'
20
- };
21
-
22
- var localeJson = {
23
- zh: zh,
24
- en: en
25
- };
26
-
27
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.cascader input {\n color: #333;\n width: 560px;\n padding: 6px 12px;\n overflow: hidden;\n box-sizing: border-box;\n white-space: nowrap;\n text-overflow: ellipsis;\n border-radius: 4px;\n border: 1px solid #d9d9d9;\n}\n\n.rc-cascader {\n font-size: 12px;\n}\n.rc-cascader-dropdown-hidden {\n display: none;\n}\n.rc-cascader-menus {\n font-size: 12px;\n overflow: hidden;\n background: #fff;\n position: absolute;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n white-space: nowrap;\n}\n.rc-cascader-menus.slide-up-enter, .rc-cascader-menus.slide-up-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n.rc-cascader-menus.slide-up-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n opacity: 1;\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-play-state: paused;\n}\n.rc-cascader-menus.slide-up-enter.slide-up-enter-active, .rc-cascader-menus-placement-bottomLeft, .rc-cascader-menus.slide-up-appear.slide-up-appear-active, .rc-cascader-menus-placement-bottomLeft {\n animation-name: SlideUpIn;\n animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-enter.slide-up-enter-active, .rc-cascader-menus-placement-topLeft, .rc-cascader-menus.slide-up-appear.slide-up-appear-active, .rc-cascader-menus-placement-topLeft {\n animation-name: SlideDownIn;\n animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-leave.slide-up-leave-active, .rc-cascader-menus-placement-bottomLeft {\n animation-name: SlideUpOut;\n animation-play-state: running;\n}\n.rc-cascader-menus.slide-up-leave.slide-up-leave-active, .rc-cascader-menus-placement-topLeft {\n animation-name: SlideDownOut;\n animation-play-state: running;\n}\n.rc-cascader-menu {\n display: inline-block;\n min-width: 100px;\n height: 192px;\n list-style: none;\n margin: 0;\n padding: 0;\n border-right: 1px solid #e9e9e9;\n overflow: auto;\n}\n.rc-cascader-menu:last-child {\n border-right: 0;\n}\n.rc-cascader-menu-item {\n height: 32px;\n line-height: 32px;\n padding: 0 16px;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.3s ease;\n position: relative;\n}\n.rc-cascader-menu-item:hover {\n background: rgba(171, 176, 185, 0.231372549);\n}\n.rc-cascader-menu-item-disabled {\n cursor: not-allowed;\n color: #ccc;\n}\n.rc-cascader-menu-item-disabled:hover {\n background: transparent;\n}\n.rc-cascader-menu-item-active {\n color: #3666d6;\n}\n.rc-cascader-menu-item-loading-icon {\n display: flex;\n align-items: center;\n margin-left: 10px;\n}\n.rc-cascader-menu-item-expand {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.rc-cascader-menu-item-expand-icon {\n font-size: 12px;\n margin-left: 10px;\n}\n.rc-cascader-menu-item-expand-icon SVG {\n display: flex;\n align-items: center;\n}\n.rc-cascader-menu-item-expand-icon SVG path {\n fill: #999;\n}\n\n@keyframes SlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n@keyframes SlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0.8);\n }\n}\n@keyframes SlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 100%;\n transform: scaleY(0.8);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 100%;\n transform: scaleY(1);\n }\n}\n@keyframes SlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 100%;\n transform: scaleY(0.8);\n }\n}";
28
- styleInject(css_248z);
29
-
30
- var Cascader = function Cascader(_ref) {
31
- var data = _ref.data,
32
- _ref$expandTrigger = _ref.expandTrigger,
33
- expandTrigger = _ref$expandTrigger === void 0 ? 'click' : _ref$expandTrigger,
34
- _ref$value = _ref.value,
35
- value = _ref$value === void 0 ? [] : _ref$value,
36
- onChange = _ref.onChange,
37
- onDropdownVisibleChange = _ref.onDropdownVisibleChange,
38
- _ref$changeOnSelect = _ref.changeOnSelect,
39
- changeOnSelect = _ref$changeOnSelect === void 0 ? false : _ref$changeOnSelect,
40
- _ref$expandIcon = _ref.expandIcon,
41
- expandIcon = _ref$expandIcon === void 0 ? jsx(Right, {}) : _ref$expandIcon,
42
- _ref$expandJoin = _ref.expandJoin,
43
- expandJoin = _ref$expandJoin === void 0 ? ' , ' : _ref$expandJoin,
44
- _ref$fieldNames = _ref.fieldNames,
45
- fieldNames = _ref$fieldNames === void 0 ? {
46
- label: 'label',
47
- value: 'value',
48
- children: 'children'
49
- } : _ref$fieldNames,
50
- _ref$disabled = _ref.disabled,
51
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
52
- placeholder = _ref.placeholder,
53
- _ref$loadData = _ref.loadData,
54
- loadData = _ref$loadData === void 0 ? function () {
55
- return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
56
- return regenerator.wrap(function _callee$(_context) {
57
- while (1) {
58
- switch (_context.prev = _context.next) {
59
- case 0:
60
- case "end":
61
- return _context.stop();
62
- }
63
- }
64
- }, _callee);
65
- }));
66
- } : _ref$loadData,
67
- _ref$loadingIcon = _ref.loadingIcon,
68
- loadingIcon = _ref$loadingIcon === void 0 ? jsx(LoadingIcon, {}) : _ref$loadingIcon;
69
- var intl = useFormatMessage('Cascader', localeJson);
70
-
71
- var _useState = useState(data),
72
- _useState2 = _slicedToArray(_useState, 2),
73
- option = _useState2[0],
74
- setOption = _useState2[1];
75
-
76
- var _useState3 = useState(value),
77
- _useState4 = _slicedToArray(_useState3, 2),
78
- inputValue = _useState4[0],
79
- setValue = _useState4[1];
80
-
81
- var _useState5 = useState(valueToLabel(data, value, expandJoin)),
82
- _useState6 = _slicedToArray(_useState5, 2),
83
- inputLabel = _useState6[0],
84
- setLabel = _useState6[1];
85
-
86
- var onStateChange = useCallback(function (value, selectedOptions) {
87
- setValue(value);
88
- setLabel(selectedOptions.map(function (o) {
89
- return o.label;
90
- }).join(expandJoin));
91
- onChange && onChange(value, selectedOptions);
92
- }, []);
93
-
94
- var loadingData = function loadingData(opt) {
95
- return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
96
- return regenerator.wrap(function _callee2$(_context2) {
97
- while (1) {
98
- switch (_context2.prev = _context2.next) {
99
- case 0:
100
- _context2.next = 2;
101
- return loadData(opt);
102
-
103
- case 2:
104
- setOption(_toConsumableArray(data));
105
-
106
- case 3:
107
- case "end":
108
- return _context2.stop();
109
- }
110
- }
111
- }, _callee2);
112
- }));
113
- };
114
-
115
- return jsx("div", Object.assign({
116
- className: "cascader"
117
- }, {
118
- children: jsx(RcCascader, Object.assign({
119
- options: option,
120
- onChange: onStateChange,
121
- changeOnSelect: changeOnSelect,
122
- expandTrigger: expandTrigger,
123
- expandIcon: expandIcon,
124
- fieldNames: fieldNames,
125
- loadData: loadingData,
126
- loadingIcon: loadingIcon,
127
- onDropdownVisibleChange: onDropdownVisibleChange,
128
- value: inputValue
129
- }, {
130
- children: jsx("input", {
131
- value: inputLabel,
132
- readOnly: true,
133
- disabled: disabled,
134
- placeholder: placeholder || intl({
135
- id: 'placeholder'
136
- })
137
- })
138
- }))
139
- }));
140
- };
141
-
142
- function valueToLabel(opt, value, expandJoin) {
143
- var label = [];
144
- var count = 0;
145
-
146
- function find(data) {
147
- for (var i = 0; i < data.length; i++) {
148
- if (data[i].value === value[count]) {
149
- if (i === data.length - 1) {
150
- label.push(data[i].label);
151
- } else {
152
- count++;
153
- label.push(data[i].label);
154
- find(data[i].children);
155
- }
156
- }
157
- }
158
-
159
- return label;
160
- }
161
-
162
- find(opt);
163
- return label.join(expandJoin);
164
- }
165
-
166
- export { Cascader, Cascader as default };
1
+ !function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("rc-cascader"),require("@para-ui/icons/Right"),require("@para-ui/icons/Loading"),require("@para-ui/core/GlobalContext")):"function"==typeof define&&define.amd?define(["react","rc-cascader","@para-ui/icons/Right","@para-ui/icons/Loading","@para-ui/core/GlobalContext"],n):"object"==typeof exports?exports.ParaUI=n(require("react"),require("rc-cascader"),require("@para-ui/icons/Right"),require("@para-ui/icons/Loading"),require("@para-ui/core/GlobalContext")):e.ParaUI=n(e.react,e["rc-cascader"],e["@para-ui/icons/Right"],e["@para-ui/icons/Loading"],e["@para-ui/core/GlobalContext"])}(self,(function(e,n,r,t,a){return function(){var o={585:function(e,n,r){(n=r(3645)(!1)).push([e.id,".cascader input{color:#333;width:560px;padding:6px 12px;overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;border:1px solid #d9d9d9}.rc-cascader{font-size:12px}.rc-cascader-dropdown-hidden{display:none}.rc-cascader-menus{font-size:12px;overflow:hidden;background:#fff;position:absolute;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.17);white-space:nowrap}.rc-cascader-menus.slide-up-enter,.rc-cascader-menus.slide-up-appear{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);animation-play-state:paused}.rc-cascader-menus.slide-up-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:1;animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);animation-play-state:paused}.rc-cascader-menus.slide-up-enter.slide-up-enter-active,.rc-cascader-menus-placement-bottomLeft,.rc-cascader-menus.slide-up-appear.slide-up-appear-active,.rc-cascader-menus-placement-bottomLeft{animation-name:SlideUpIn;animation-play-state:running}.rc-cascader-menus.slide-up-enter.slide-up-enter-active,.rc-cascader-menus-placement-topLeft,.rc-cascader-menus.slide-up-appear.slide-up-appear-active,.rc-cascader-menus-placement-topLeft{animation-name:SlideDownIn;animation-play-state:running}.rc-cascader-menus.slide-up-leave.slide-up-leave-active,.rc-cascader-menus-placement-bottomLeft{animation-name:SlideUpOut;animation-play-state:running}.rc-cascader-menus.slide-up-leave.slide-up-leave-active,.rc-cascader-menus-placement-topLeft{animation-name:SlideDownOut;animation-play-state:running}.rc-cascader-menu{display:inline-block;min-width:100px;height:192px;list-style:none;margin:0;padding:0;border-right:1px solid #e9e9e9;overflow:auto}.rc-cascader-menu:last-child{border-right:0}.rc-cascader-menu-item{height:32px;line-height:32px;padding:0 16px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;position:relative}.rc-cascader-menu-item:hover{background:rgba(171,176,185,.231372549)}.rc-cascader-menu-item-disabled{cursor:not-allowed;color:#ccc}.rc-cascader-menu-item-disabled:hover{background:rgba(0,0,0,0)}.rc-cascader-menu-item-active{color:#3666d6}.rc-cascader-menu-item-loading-icon{display:flex;align-items:center;margin-left:10px}.rc-cascader-menu-item-expand{position:relative;display:flex;align-items:center;justify-content:space-between}.rc-cascader-menu-item-expand-icon{font-size:12px;margin-left:10px}.rc-cascader-menu-item-expand-icon SVG{display:flex;align-items:center}.rc-cascader-menu-item-expand-icon SVG path{fill:#999}@keyframes SlideUpIn{0%{opacity:0;transform-origin:0% 0%;transform:scaleY(0.8)}100%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}}@keyframes SlideUpOut{0%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}100%{opacity:0;transform-origin:0% 0%;transform:scaleY(0.8)}}@keyframes SlideDownIn{0%{opacity:0;transform-origin:0% 100%;transform:scaleY(0.8)}100%{opacity:1;transform-origin:0% 100%;transform:scaleY(1)}}@keyframes SlideDownOut{0%{opacity:1;transform-origin:0% 100%;transform:scaleY(1)}100%{opacity:0;transform-origin:0% 100%;transform:scaleY(0.8)}}",""]),e.exports=n},3645:function(e){"use strict";e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var r=function(e,n){var r=e[1]||"",t=e[3];if(!t)return r;if(n&&"function"==typeof btoa){var a=(i=t,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),o=t.sources.map((function(e){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(e," */")}));return[r].concat(o).concat([a]).join("\n")}var i,c,s;return[r].join("\n")}(n,e);return n[2]?"@media ".concat(n[2]," {").concat(r,"}"):r})).join("")},n.i=function(e,r,t){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(t)for(var o=0;o<this.length;o++){var i=this[o][0];null!=i&&(a[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);t&&a[s[0]]||(r&&(s[2]?s[2]="".concat(r," and ").concat(s[2]):s[2]=r),n.push(s))}},n}},7418:function(e){"use strict";
2
+ /*
3
+ object-assign
4
+ (c) Sindre Sorhus
5
+ @license MIT
6
+ */var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function a(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 n={},r=0;r<10;r++)n["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[e]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(e){t[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var i,c,s=a(e),u=1;u<arguments.length;u++){for(var l in i=Object(arguments[u]))r.call(i,l)&&(s[l]=i[l]);if(n){c=n(i);for(var d=0;d<c.length;d++)t.call(i,c[d])&&(s[c[d]]=i[c[d]])}}return s}},5251:function(e,n,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 t=r(8156),a=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;a=o("react.element"),o("react.fragment")}var i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,n,r){var t,o={},u=null,l=null;for(t in void 0!==r&&(u=""+r),void 0!==n.key&&(u=""+n.key),void 0!==n.ref&&(l=n.ref),n)c.call(n,t)&&!s.hasOwnProperty(t)&&(o[t]=n[t]);if(e&&e.defaultProps)for(t in n=e.defaultProps)void 0===o[t]&&(o[t]=n[t]);return{$$typeof:a,type:e,key:u,ref:l,props:o,_owner:i.current}}n.jsx=u},5893:function(e,n,r){"use strict";e.exports=r(5251)},1149:function(e,n,r){var t=r(3379),a=r(585);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var o={insert:("body","body"),singleton:!1};t(a,o);e.exports=a.locals||{}},3379:function(e,n,r){"use strict";var t,a=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},o=function(){var e={};return function(n){if(void 0===e[n]){var r=document.querySelector(n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[n]=r}return e[n]}}(),i=[];function c(e){for(var n=-1,r=0;r<i.length;r++)if(i[r].identifier===e){n=r;break}return n}function s(e,n){for(var r={},t=[],a=0;a<e.length;a++){var o=e[a],s=n.base?o[0]+n.base:o[0],u=r[s]||0,l="".concat(s," ").concat(u);r[s]=u+1;var d=c(l),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(i[d].references++,i[d].updater(p)):i.push({identifier:l,updater:h(p,n),references:1}),t.push(l)}return t}function u(e){var n=document.createElement("style"),t=e.attributes||{};if(void 0===t.nonce){var a=r.nc;a&&(t.nonce=a)}if(Object.keys(t).forEach((function(e){n.setAttribute(e,t[e])})),"function"==typeof e.insert)e.insert(n);else{var i=o(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(n)}return n}var l,d=(l=[],function(e,n){return l[e]=n,l.filter(Boolean).join("\n")});function p(e,n,r,t){var a=r?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(e.styleSheet)e.styleSheet.cssText=d(n,a);else{var o=document.createTextNode(a),i=e.childNodes;i[n]&&e.removeChild(i[n]),i.length?e.insertBefore(o,i[n]):e.appendChild(o)}}function f(e,n,r){var t=r.css,a=r.media,o=r.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var m=null,v=0;function h(e,n){var r,t,a;if(n.singleton){var o=v++;r=m||(m=u(n)),t=p.bind(null,r,o,!1),a=p.bind(null,r,o,!0)}else r=u(n),t=f.bind(null,r,n),a=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return t(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;t(e=n)}else a()}}e.exports=function(e,n){(n=n||{}).singleton||"boolean"==typeof n.singleton||(n.singleton=a());var r=s(e=e||[],n);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var t=0;t<r.length;t++){var a=c(r[t]);i[a].references--}for(var o=s(e,n),u=0;u<r.length;u++){var l=c(r[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}r=o}}}},3054:function(e,n,r){"use strict";var t=r(8156),a=r.n(t),o=r(5395),i=r.n(o);n.Z=function(e,n){var r=a().useContext(i()).intlFormat;return n.zh_CN=n.zh,n.en_US=n.en,r&&r(e,n)}},5395:function(e){"use strict";e.exports=a},4135:function(e){"use strict";e.exports=t},7375:function(e){"use strict";e.exports=r},3888:function(e){"use strict";e.exports=n},8156:function(n){"use strict";n.exports=e}},i={};function c(e){var n=i[e];if(void 0!==n)return n.exports;var r=i[e]={id:e,exports:{}};return o[e](r,r.exports,c),r.exports}c.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(n,{a:n}),n},c.d=function(e,n){for(var r in n)c.o(n,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},c.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.nc=void 0;var s={};return function(){"use strict";c.r(s),c.d(s,{Cascader:function(){return h},default:function(){return b}});var e=c(5893),n=c(8156),r=c(3888),t=c.n(r),a=c(7375),o=c.n(a),i=c(4135),u=c.n(i),l=c(3054),d={zh:{placeholder:"请选择"},en:{placeholder:"Please select"}},p=(c(1149),function(){return p=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var a in n=arguments[r])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},p.apply(this,arguments)}),f=function(e,n,r,t){return new(r||(r=Promise))((function(a,o){function i(e){try{s(t.next(e))}catch(e){o(e)}}function c(e){try{s(t.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?a(e.value):(n=e.value,n instanceof r?n:new r((function(e){e(n)}))).then(i,c)}s((t=t.apply(e,n||[])).next())}))},m=function(e,n){var r,t,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,t&&(a=2&o[0]?t.return:o[0]?t.throw||((a=t.return)&&a.call(t),0):t.next)&&!(a=a.call(t,o[1])).done)return a;switch(t=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,t=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(6===o[0]&&i.label<a[1]){i.label=a[1],a=o;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(o);break}a[2]&&i.ops.pop(),i.trys.pop();continue}o=n.call(e,i)}catch(e){o=[6,e],t=0}finally{r=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,c])}}},v=function(e,n,r){if(r||2===arguments.length)for(var t,a=0,o=n.length;a<o;a++)!t&&a in n||(t||(t=Array.prototype.slice.call(n,0,a)),t[a]=n[a]);return e.concat(t||Array.prototype.slice.call(n))},h=function(r){var a=r.data,i=r.expandTrigger,c=void 0===i?"click":i,s=r.value,h=void 0===s?[]:s,b=r.onChange,y=r.onDropdownVisibleChange,g=r.changeOnSelect,x=void 0!==g&&g,w=r.expandIcon,j=void 0===w?(0,e.jsx)(o(),{}):w,O=r.expandJoin,S=void 0===O?" , ":O,C=r.fieldNames,_=void 0===C?{label:"label",value:"value",children:"children"}:C,k=r.disabled,I=void 0!==k&&k,L=r.placeholder,P=r.loadData,N=void 0===P?function(){return f(void 0,void 0,void 0,(function(){return m(this,(function(e){return[2]}))}))}:P,T=r.loadingIcon,E=void 0===T?(0,e.jsx)(u(),{}):T,R=(0,l.Z)("Cascader",d),U=(0,n.useState)(a),q=U[0],M=U[1],D=(0,n.useState)(h),z=D[0],Y=D[1],A=(0,n.useState)(function(e,n,r){var t=[],a=0;function o(e){for(var r=0;r<e.length;r++)e[r].value===n[a]&&(r===e.length-1?t.push(e[r].label):(a++,t.push(e[r].label),o(e[r].children)));return t}return o(e),t.join(r)}(a,h,S)),G=A[0],B=A[1],F=(0,n.useCallback)((function(e,n){Y(e),B(n.map((function(e){return e.label})).join(S)),b&&b(e,n)}),[]);return(0,e.jsx)("div",p({className:"cascader"},{children:(0,e.jsx)(t(),p({options:q,onChange:F,changeOnSelect:x,expandTrigger:c,expandIcon:j,fieldNames:_,loadData:function(e){return f(void 0,void 0,void 0,(function(){return m(this,(function(n){switch(n.label){case 0:return[4,N(e)];case 1:return n.sent(),M(v([],a,!0)),[2]}}))}))},loadingIcon:E,onDropdownVisibleChange:y,value:z},{children:(0,e.jsx)("input",{value:G,readOnly:!0,disabled:I,placeholder:L||R({id:"placeholder"})})}))}))};var b=h}(),s}()}));
@@ -1,4 +1,4 @@
1
- declare const _default: {
2
- placeholder: string;
3
- };
4
- export default _default;
1
+ declare const _default: {
2
+ placeholder: string;
3
+ };
4
+ export default _default;
@@ -1,9 +1,9 @@
1
- declare const _default: {
2
- zh: {
3
- placeholder: string;
4
- };
5
- en: {
6
- placeholder: string;
7
- };
8
- };
9
- export default _default;
1
+ declare const _default: {
2
+ zh: {
3
+ placeholder: string;
4
+ };
5
+ en: {
6
+ placeholder: string;
7
+ };
8
+ };
9
+ export default _default;
@@ -1,4 +1,4 @@
1
- declare const _default: {
2
- placeholder: string;
3
- };
4
- export default _default;
1
+ declare const _default: {
2
+ placeholder: string;
3
+ };
4
+ export default _default;
@@ -1,40 +1,40 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/4 15:54
4
- * @description 复选框
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import { LabelTooltipProps } from '../Label';
8
- import './index.scss';
9
- export interface CheckboxProps {
10
- /** 样式class */
11
- className?: string;
12
- /** style */
13
- style?: React.CSSProperties;
14
- /** 标题 */
15
- label?: ReactNode;
16
- /** 帮组提示信息 */
17
- labelTooltip?: LabelTooltipProps;
18
- /** 大小 */
19
- size?: 'small' | 'medium' | 'large';
20
- /** 默认值 有值不受控组件 初始化第一次 */
21
- defaultChecked?: boolean;
22
- /** 默认值 有值受控组件*/
23
- checked?: boolean;
24
- /** 禁用 */
25
- disabled?: boolean;
26
- /** 半选 */
27
- indeterminate?: boolean;
28
- /** inputProps */
29
- inputProps?: {
30
- type?: string;
31
- value?: any;
32
- checked?: any;
33
- [name: string]: any;
34
- };
35
- /** 改变时间 */
36
- onChange?: (e: any, checked: boolean) => void;
37
- [name: string]: any;
38
- }
39
- export declare const Checkbox: FunctionComponent<CheckboxProps>;
40
- export default Checkbox;
1
+ /**
2
+ * @author linhd
3
+ * @date 2021/8/4 15:54
4
+ * @description 复选框
5
+ */
6
+ import React, { FunctionComponent, ReactNode } from 'react';
7
+ import { LabelTooltipProps } from '../Label';
8
+ import './index.scss';
9
+ export interface CheckboxProps {
10
+ /** 样式class */
11
+ className?: string;
12
+ /** style */
13
+ style?: React.CSSProperties;
14
+ /** 标题 */
15
+ label?: ReactNode;
16
+ /** 帮组提示信息 */
17
+ labelTooltip?: LabelTooltipProps;
18
+ /** 大小 */
19
+ size?: 'small' | 'medium' | 'large';
20
+ /** 默认值 有值不受控组件 初始化第一次 */
21
+ defaultChecked?: boolean;
22
+ /** 默认值 有值受控组件*/
23
+ checked?: boolean;
24
+ /** 禁用 */
25
+ disabled?: boolean;
26
+ /** 半选 */
27
+ indeterminate?: boolean;
28
+ /** inputProps */
29
+ inputProps?: {
30
+ type?: string;
31
+ value?: any;
32
+ checked?: any;
33
+ [name: string]: any;
34
+ };
35
+ /** 改变时间 */
36
+ onChange?: (e: any, checked: boolean) => void;
37
+ [name: string]: any;
38
+ }
39
+ export declare const Checkbox: FunctionComponent<CheckboxProps>;
40
+ export default Checkbox;
package/Checkbox/index.js CHANGED
@@ -1,105 +1,14 @@
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-check-box {\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-check-box:hover > .paraui-check-box-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-check-box:hover > .paraui-check-box-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-check-box:hover > .paraui-help {\n padding: 0 8px;\n}\n.paraui-check-box:hover > .paraui-help > .paraui-check-box-label {\n color: rgba(54, 102, 214, 0.8);\n cursor: pointer;\n}\n.paraui-check-box:hover > .paraui-help > .paraui-check-box-label svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-check-box:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-check-box > .paraui-checkbox-box {\n position: relative;\n}\n.paraui-check-box > .paraui-checkbox-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-check-box > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n border-radius: 2px;\n background-color: white;\n border: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n}\n.paraui-check-box > .paraui-check-box-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-check-box > .paraui-check-box-label > .paraui-help > svg {\n top: 0;\n}\n.paraui-check-box .paraui-label {\n line-height: 16px;\n}\n.paraui-check-box > .paraui-help {\n padding: 0 8px;\n}\n.paraui-check-box > .paraui-help > .paraui-check-box-label {\n color: rgb(46, 55, 67);\n margin: 0;\n display: inline-flex;\n align-items: center;\n}\n.paraui-check-box.check-box-checked:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgba(54, 102, 214, 0.8);\n border-color: transparent;\n}\n.paraui-check-box.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgb(54, 102, 214);\n}\n.paraui-check-box.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n border: 1px solid white;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n}\n.paraui-check-box.check-box-indeterminate:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgba(54, 102, 214, 0.8);\n border-color: transparent;\n}\n.paraui-check-box.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgb(54, 102, 214);\n}\n.paraui-check-box.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n background-color: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n}\n.paraui-check-box.check-box-disabled {\n cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-check-box-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-check-box-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-disabled > .paraui-help > .paraui-check-box-label {\n color: rgba(46, 55, 67, 0.4);\n cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-help > .paraui-check-box-label svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-disabled > .paraui-checkbox-box > input {\n cursor: not-allowed;\n}\n.paraui-check-box.check-box-disabled > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-checked:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n border-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-indeterminate:hover > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-check-box.check-box-disabled.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n background-color: rgba(46, 55, 67, 0.4);\n}\n.paraui-check-box.check-box-small > .paraui-checkbox-box {\n top: 1px;\n}\n.paraui-check-box.check-box-small > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-check-box.check-box-small.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-check-box.check-box-small.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-check-box.check-box-medium > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-check-box.check-box-medium.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 5px;\n height: 8px;\n}\n.paraui-check-box.check-box-medium.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-check-box.check-box-large > .paraui-checkbox-box > .paraui-checkbox-box-inner {\n width: 16px;\n height: 16px;\n}\n.paraui-check-box.check-box-large.check-box-checked > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 5px;\n height: 8px;\n}\n.paraui-check-box.check-box-large.check-box-indeterminate > .paraui-checkbox-box > .paraui-checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}";
15
- styleInject(css_248z);
16
-
17
- var Checkbox = function Checkbox(props) {
18
- var _props$className = props.className,
19
- className = _props$className === void 0 ? '' : _props$className,
20
- _props$label = props.label,
21
- label = _props$label === void 0 ? '' : _props$label,
22
- labelTooltip = props.labelTooltip,
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
- _props$indeterminate = props.indeterminate,
28
- indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate,
29
- onChange = props.onChange,
30
- style = props.style;
31
-
32
- var _useState = useState(false),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- checkedCom = _useState2[0],
35
- setCheckedCom = _useState2[1]; // 复选框状态
36
-
37
-
38
- useEffect(function () {
39
- if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
40
- }, []);
41
- useEffect(function () {
42
- if (props.checked !== undefined) setCheckedCom(props.checked);
43
- }, [props.checked]); // 点击选择
44
-
45
- var clickCheck = function clickCheck(e) {
46
- e.preventDefault();
47
- if (disabled) return;
48
-
49
- if (indeterminate) {
50
- // 不可受控组件
51
- if (props.checked === undefined) setCheckedCom(true);
52
- onChange && onChange(e, true);
53
- return;
54
- } // 不可受控组件
55
-
56
-
57
- if (props.checked === undefined) setCheckedCom(!checkedCom);
58
- e.target.checked = !checkedCom;
59
- e.target.value = !checkedCom;
60
- onChange && onChange(e, !checkedCom);
61
- }; // 处理class
62
-
63
-
64
- var handClass = function handClass() {
65
- var str = 'paraui-check-box';
66
- if (className) str += ' ' + className;
67
- if (size) str += ' check-box-' + size;
68
- if (disabled) str += ' check-box-disabled';
69
- if (indeterminate) str += ' check-box-indeterminate';else if (checkedCom) str += ' check-box-checked';
70
- return str;
71
- };
72
-
73
- var handLabelClass = function handLabelClass() {
74
- var str = 'paraui-check-box-label';
75
-
76
- if (labelTooltip && labelTooltip.className) {
77
- str += ' ' + labelTooltip.className;
78
- }
79
-
80
- return str;
81
- };
82
-
83
- return jsxs("label", Object.assign({
84
- className: handClass(),
85
- onClick: clickCheck,
86
- style: style
87
- }, {
88
- children: [jsxs("span", Object.assign({
89
- className: "paraui-checkbox-box"
90
- }, {
91
- children: [jsx("input", Object.assign({
92
- type: "checkbox",
93
- value: checkedCom
94
- }, props.inputProps)), jsx("span", {
95
- className: "paraui-checkbox-box-inner"
96
- })]
97
- })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
98
- label: label
99
- }, labelTooltip, {
100
- className: handLabelClass()
101
- })) : null]
102
- }));
103
- };
104
-
105
- export { Checkbox, Checkbox as default };
1
+ !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(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"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help")):e.ParaUI=r(e.react,e["@material-ui/core"],e.clsx,e["@para-ui/icons/Help"])}(self,(function(e,r,o,a){return function(){var t={1204:function(e,r,o){(r=o(3645)(!1)).push([e.id,'.paraui-check-box{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-check-box:hover>.paraui-check-box-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-check-box:hover>.paraui-check-box-label svg{color:rgba(54,102,214,.8)}.paraui-check-box:hover>.paraui-help{padding:0 8px}.paraui-check-box:hover>.paraui-help>.paraui-check-box-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-check-box:hover>.paraui-help>.paraui-check-box-label svg{color:rgba(54,102,214,.8)}.paraui-check-box:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{border-color:rgba(54,102,214,.8)}.paraui-check-box>.paraui-checkbox-box{position:relative}.paraui-check-box>.paraui-checkbox-box>input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.paraui-check-box>.paraui-checkbox-box>.paraui-checkbox-box-inner{position:relative;top:0;left:0;display:block;border-radius:2px;background-color:#fff;border:1px solid rgba(171,176,185,.4)}.paraui-check-box>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{position:absolute;display:table;content:" "}.paraui-check-box>.paraui-check-box-label{color:#2e3743;padding:0 8px;margin:0;display:inline-flex;align-items:flex-start}.paraui-check-box>.paraui-check-box-label>.paraui-help>svg{top:0}.paraui-check-box .paraui-label{line-height:16px}.paraui-check-box>.paraui-help{padding:0 8px}.paraui-check-box>.paraui-help>.paraui-check-box-label{color:#2e3743;margin:0;display:inline-flex;align-items:center}.paraui-check-box.check-box-checked:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(54,102,214,.8);border-color:rgba(0,0,0,0)}.paraui-check-box.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:#3666d6}.paraui-check-box.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{border:1px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%, -50%)}.paraui-check-box.check-box-indeterminate:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(54,102,214,.8);border-color:rgba(0,0,0,0)}.paraui-check-box.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:#3666d6}.paraui-check-box.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%) scale(1)}.paraui-check-box.check-box-disabled{cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-check-box-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-check-box-label svg{color:rgba(46,55,67,.4)}.paraui-check-box.check-box-disabled>.paraui-help>.paraui-check-box-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-help>.paraui-check-box-label svg{color:rgba(46,55,67,.4)}.paraui-check-box.check-box-disabled>.paraui-checkbox-box>input{cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(171,176,185,.12);border-color:rgba(171,176,185,.4)}.paraui-check-box.check-box-disabled.check-box-checked:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(171,176,185,.12);border-color:rgba(171,176,185,.4)}.paraui-check-box.check-box-disabled.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{border-color:rgba(46,55,67,.4)}.paraui-check-box.check-box-disabled.check-box-indeterminate:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(171,176,185,.12);border-color:rgba(171,176,185,.4)}.paraui-check-box.check-box-disabled.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{background-color:rgba(46,55,67,.4)}.paraui-check-box.check-box-small>.paraui-checkbox-box{top:1px}.paraui-check-box.check-box-small>.paraui-checkbox-box>.paraui-checkbox-box-inner{width:14px;height:14px}.paraui-check-box.check-box-small.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{top:45%;left:21%;width:4px;height:7px}.paraui-check-box.check-box-small.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{width:8px;height:1px}.paraui-check-box.check-box-medium>.paraui-checkbox-box>.paraui-checkbox-box-inner{width:16px;height:16px}.paraui-check-box.check-box-medium.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{top:45%;left:21%;width:5px;height:8px}.paraui-check-box.check-box-medium.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{width:8px;height:1px}.paraui-check-box.check-box-large>.paraui-checkbox-box>.paraui-checkbox-box-inner{width:16px;height:16px}.paraui-check-box.check-box-large.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{top:45%;left:21%;width:5px;height:8px}.paraui-check-box.check-box-large.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{width:8px;height:1px}',""]),e.exports=r},7381:function(e,r,o){(r=o(3645)(!1)).push([e.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}",""]),e.exports=r},4928:function(e,r,o){(r=o(3645)(!1)).push([e.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}",""]),e.exports=r},9929:function(e,r,o){(r=o(3645)(!1)).push([e.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}",""]),e.exports=r},3645:function(e){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var o=function(e,r){var o=e[1]||"",a=e[3];if(!a)return o;if(r&&"function"==typeof btoa){var t=(i=a,n=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),"/*# ".concat(l," */")),c=a.sources.map((function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")}));return[o].concat(c).concat([t]).join("\n")}var i,n,l;return[o].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(o,"}"):o})).join("")},r.i=function(e,o,a){"string"==typeof e&&(e=[[null,e,""]]);var t={};if(a)for(var c=0;c<this.length;c++){var i=this[c][0];null!=i&&(t[i]=!0)}for(var n=0;n<e.length;n++){var l=[].concat(e[n]);a&&t[l[0]]||(o&&(l[2]?l[2]="".concat(o," and ").concat(l[2]):l[2]=o),r.push(l))}},r}},7418:function(e){"use strict";
2
+ /*
3
+ object-assign
4
+ (c) Sindre Sorhus
5
+ @license MIT
6
+ */var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function t(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={},o=0;o<10;o++)r["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,c){for(var i,n,l=t(e),u=1;u<arguments.length;u++){for(var p in i=Object(arguments[u]))o.call(i,p)&&(l[p]=i[p]);if(r){n=r(i);for(var b=0;b<n.length;b++)a.call(i,n[b])&&(l[n[b]]=i[n[b]])}}return l}},5251:function(e,r,o){"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
+ */o(7418);var a=o(8156),t=60103;if(r.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var c=Symbol.for;t=c("react.element"),r.Fragment=c("react.fragment")}var i=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function u(e,r,o){var a,c={},u=null,p=null;for(a in void 0!==o&&(u=""+o),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(p=r.ref),r)n.call(r,a)&&!l.hasOwnProperty(a)&&(c[a]=r[a]);if(e&&e.defaultProps)for(a in r=e.defaultProps)void 0===c[a]&&(c[a]=r[a]);return{$$typeof:t,type:e,key:u,ref:p,props:c,_owner:i.current}}r.jsx=u,r.jsxs=u},5893:function(e,r,o){"use strict";e.exports=o(5251)},9036:function(e,r,o){var a=o(3379),t=o(1204);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var c={insert:("body","body"),singleton:!1};a(t,c);e.exports=t.locals||{}},2113:function(e,r,o){var a=o(3379),t=o(7381);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var c={insert:("body","body"),singleton:!1};a(t,c);e.exports=t.locals||{}},9663:function(e,r,o){var a=o(3379),t=o(4928);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var c={insert:("body","body"),singleton:!1};a(t,c);e.exports=t.locals||{}},2310:function(e,r,o){var a=o(3379),t=o(9929);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var c={insert:("body","body"),singleton:!1};a(t,c);e.exports=t.locals||{}},3379:function(e,r,o){"use strict";var a,t=function(){return void 0===a&&(a=Boolean(window&&document&&document.all&&!window.atob)),a},c=function(){var e={};return function(r){if(void 0===e[r]){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}e[r]=o}return e[r]}}(),i=[];function n(e){for(var r=-1,o=0;o<i.length;o++)if(i[o].identifier===e){r=o;break}return r}function l(e,r){for(var o={},a=[],t=0;t<e.length;t++){var c=e[t],l=r.base?c[0]+r.base:c[0],u=o[l]||0,p="".concat(l," ").concat(u);o[l]=u+1;var b=n(p),s={css:c[1],media:c[2],sourceMap:c[3]};-1!==b?(i[b].references++,i[b].updater(s)):i.push({identifier:p,updater:f(s,r),references:1}),a.push(p)}return a}function u(e){var r=document.createElement("style"),a=e.attributes||{};if(void 0===a.nonce){var t=o.nc;t&&(a.nonce=t)}if(Object.keys(a).forEach((function(e){r.setAttribute(e,a[e])})),"function"==typeof e.insert)e.insert(r);else{var i=c(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(r)}return r}var p,b=(p=[],function(e,r){return p[e]=r,p.filter(Boolean).join("\n")});function s(e,r,o,a){var t=o?"":a.media?"@media ".concat(a.media," {").concat(a.css,"}"):a.css;if(e.styleSheet)e.styleSheet.cssText=b(r,t);else{var c=document.createTextNode(t),i=e.childNodes;i[r]&&e.removeChild(i[r]),i.length?e.insertBefore(c,i[r]):e.appendChild(c)}}function h(e,r,o){var a=o.css,t=o.media,c=o.sourceMap;if(t?e.setAttribute("media",t):e.removeAttribute("media"),c&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}var d=null,x=0;function f(e,r){var o,a,t;if(r.singleton){var c=x++;o=d||(d=u(r)),a=s.bind(null,o,c,!1),t=s.bind(null,o,c,!0)}else o=u(r),a=h.bind(null,o,r),t=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(o)};return a(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;a(e=r)}else t()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=t());var o=l(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var a=0;a<o.length;a++){var t=n(o[a]);i[t].references--}for(var c=l(e,r),u=0;u<o.length;u++){var p=n(o[u]);0===i[p].references&&(i[p].updater(),i.splice(p,1))}o=c}}}},3566:function(e,r,o){"use strict";var a=o(5893),t=o(7371),c=o(8076),i=o.n(c),n=o(5744),l=o.n(n),u=(o(2113),function(){return u=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},u.apply(this,arguments)}),p=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(e);t<a.length;t++)r.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(e,a[t])&&(o[a[t]]=e[a[t]])}return o};r.default=function(e){var r=e.title,o=void 0===r?"":r,c=e.children,n=e.arrow,b=void 0===n||n,s=e.interactive,h=void 0===s||s,d=e.className,x=e.placement,f=void 0===x?"top-start":x,k=p(e,["title","children","arrow","interactive","className","placement"]);return(0,a.jsx)(t.default,u({title:o,arrow:b,interactive:h,placement:f},k,{children:(0,a.jsx)("span",u({className:l()("paraui-help",d)},{children:c||(0,a.jsx)(i(),{})}))}))}},8767:function(e,r,o){"use strict";var a=o(5893),t=o(3566),c=(o(9663),function(){return c=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},c.apply(this,arguments)});r.default=function(e){var r=e.className,o=e.style,i=e.label,n=e.labelSign,l=e.required,u=void 0!==l&&l,p=e.tooltip,b=e.tooltipType,s=void 0===b?"icon":b,h=e.placement,d=e.arrow,x=e.tooltipIcon,f=function(){var e="paraui-label";return s&&(e+=" paraui-label-"+s),p&&(e+=" paraui-label-tooltip"),r&&(e+=" "+r),e};return(0,a.jsxs)(a.Fragment,{children:["icon"===s&&(0,a.jsxs)("label",c({className:f(),style:o},{children:[(0,a.jsx)(a.Fragment,{children:i}),u&&(0,a.jsx)("span",c({className:"paraui-label-required"},{children:"*"})),n&&(0,a.jsx)("span",{children:n}),p&&(0,a.jsx)(t.default,c({title:p,placement:h,arrow:d},{children:x}))]})),"line"===s&&(0,a.jsx)(t.default,c({title:p||"",placement:h,arrow:d},{children:(0,a.jsxs)("label",c({className:f(),style:o},{children:[(0,a.jsx)(a.Fragment,{children:i}),u&&(0,a.jsx)("span",c({className:"paraui-label-required"},{children:"*"})),n&&(0,a.jsx)("span",{children:n})]}))}))]})}},7371:function(e,r,o){"use strict";var a=o(5893),t=o(670),c=o(5744),i=o.n(c),n=(o(2310),function(){return n=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},n.apply(this,arguments)}),l=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(e);t<a.length;t++)r.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(e,a[t])&&(o[a[t]]=e[a[t]])}return o};r.default=function(e){var r,o=e.placement,c=void 0===o?"top-start":o,u=e.className,p=e.arrow,b=void 0===p||p,s=e.PopperProps,h=e.boundariesElement,d=void 0===h?"scrollParent":h,x=l(e,["placement","className","arrow","PopperProps","boundariesElement"]),f=n(n({},e.classes),{popper:i()("paraui-tooltip",u,null===(r=e.classes)||void 0===r?void 0:r.popper,{"paraui-tooltip-left-right":(null==c?void 0:c.includes("left"))||(null==c?void 0:c.includes("right")),"paraui-tooltip-top-bottom":(null==c?void 0:c.includes("top"))||(null==c?void 0:c.includes("bottom"))})});return(0,a.jsx)(t.Tooltip,n({},x,{enterTouchDelay:0,arrow:b,placement:c,classes:f,PopperProps:n(n({},s),{modifiers:{preventOverflow:{boundariesElement:d}}})}))}},670:function(e){"use strict";e.exports=r},8076:function(e){"use strict";e.exports=a},5744:function(e){"use strict";e.exports=o},8156:function(r){"use strict";r.exports=e}},c={};function i(e){var r=c[e];if(void 0!==r)return r.exports;var o=c[e]={id:e,exports:{}};return t[e](o,o.exports,i),o.exports}i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,{a:r}),r},i.d=function(e,r){for(var o in r)i.o(r,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var n={};return function(){"use strict";i.r(n),i.d(n,{Checkbox:function(){return t}});var e=i(5893),r=i(8156),o=i(8767),a=(i(9036),function(){return a=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},a.apply(this,arguments)}),t=function(t){var c=t.className,i=void 0===c?"":c,n=t.label,l=void 0===n?"":n,u=t.labelTooltip,p=t.size,b=void 0===p?"large":p,s=t.disabled,h=void 0!==s&&s,d=t.indeterminate,x=void 0!==d&&d,f=t.onChange,k=t.style,g=(0,r.useState)(!1),v=g[0],m=g[1];(0,r.useEffect)((function(){void 0!==t.defaultChecked&&m(t.defaultChecked)}),[]),(0,r.useEffect)((function(){void 0!==t.checked&&m(t.checked)}),[t.checked]);var y;return(0,e.jsxs)("label",a({className:(y="paraui-check-box",i&&(y+=" "+i),b&&(y+=" check-box-"+b),h&&(y+=" check-box-disabled"),x?y+=" check-box-indeterminate":v&&(y+=" check-box-checked"),y),onClick:function(e){if(e.preventDefault(),!h){if(x)return void 0===t.checked&&m(!0),void(f&&f(e,!0));void 0===t.checked&&m(!v),e.target.checked=!v,e.target.value=!v,f&&f(e,!v)}},style:k},{children:[(0,e.jsxs)("span",a({className:"paraui-checkbox-box"},{children:[(0,e.jsx)("input",a({type:"checkbox",value:v},t.inputProps)),(0,e.jsx)("span",{className:"paraui-checkbox-box-inner"})]})),void 0!==l&&""!==l&&null!==l?(0,e.jsx)(o.default,a({label:l},u,{className:function(){var e="paraui-check-box-label";return u&&u.className&&(e+=" "+u.className),e}()})):null]}))};n.default=t}(),n}()}));
@@ -1,46 +1,46 @@
1
- /**
2
- * @author linhd
3
- * @date 2021/8/4 16:23
4
- * @description 复选框组
5
- */
6
- import React, { FunctionComponent, ReactNode } from 'react';
7
- import { CheckboxProps } from '../Checkbox';
8
- import { LabelTooltipProps } from "../Label";
9
- import './index.scss';
10
- export interface CheckboxListProps extends CheckboxProps {
11
- [name: string]: any;
12
- }
13
- export interface CheckboxGroupProps {
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: CheckboxListProps[];
42
- /** 改变值 */
43
- onChange?: (val: any) => void;
44
- }
45
- export declare const CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
46
- export default CheckboxGroup;
1
+ /**
2
+ * @author linhd
3
+ * @date 2021/8/4 16:23
4
+ * @description 复选框组
5
+ */
6
+ import React, { FunctionComponent, ReactNode } from 'react';
7
+ import { CheckboxProps } from '../Checkbox';
8
+ import { LabelTooltipProps } from "../Label";
9
+ import './index.scss';
10
+ export interface CheckboxListProps extends CheckboxProps {
11
+ [name: string]: any;
12
+ }
13
+ export interface CheckboxGroupProps {
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: CheckboxListProps[];
42
+ /** 改变值 */
43
+ onChange?: (val: any) => void;
44
+ }
45
+ export declare const CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
46
+ export default CheckboxGroup;