@para-ui/core 2.2.7-beta → 2.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (348) hide show
  1. package/AutoBox/index.d.ts +34 -34
  2. package/AutoBox/index.js +15 -203
  3. package/AutoTips/index.d.ts +27 -27
  4. package/AutoTips/index.js +15 -84
  5. package/Breadcrumbs/index.d.ts +39 -39
  6. package/Breadcrumbs/index.js +15 -227
  7. package/Button/SplitButton.d.ts +61 -62
  8. package/Button/index.d.ts +56 -71
  9. package/Button/index.js +14 -348
  10. package/Button/lang/en_US.d.ts +4 -4
  11. package/Button/lang/index.d.ts +9 -9
  12. package/Button/lang/zh_CN.d.ts +4 -4
  13. package/ButtonGroup/index.d.ts +33 -33
  14. package/ButtonGroup/index.js +14 -128
  15. package/Carousel/index.d.ts +30 -30
  16. package/Carousel/index.js +15 -74
  17. package/Cascader/index.d.ts +52 -52
  18. package/Cascader/index.js +15 -166
  19. package/Cascader/lang/en_US.d.ts +4 -4
  20. package/Cascader/lang/index.d.ts +9 -9
  21. package/Cascader/lang/zh_CN.d.ts +4 -4
  22. package/Checkbox/index.d.ts +40 -40
  23. package/Checkbox/index.js +14 -105
  24. package/CheckboxGroup/index.d.ts +46 -46
  25. package/CheckboxGroup/index.js +14 -138
  26. package/Collapse/collapsePanel.d.ts +30 -30
  27. package/Collapse/index.d.ts +57 -57
  28. package/Collapse/index.js +15 -171
  29. package/Collapse/motion.d.ts +5 -5
  30. package/Collapse/util.d.ts +11 -11
  31. package/CollapseBox/index.d.ts +27 -27
  32. package/CollapseBox/index.js +15 -164
  33. package/CollapseBox/util.d.ts +5 -5
  34. package/ColorPicker/index.d.ts +4 -4
  35. package/ColorPicker/index.js +1 -4
  36. package/ComboSelect/WithTabsCombo/index.d.ts +11 -11
  37. package/ComboSelect/WithTabsCombo/interface.d.ts +141 -141
  38. package/ComboSelect/index.d.ts +11 -11
  39. package/ComboSelect/index.js +14 -1803
  40. package/ComboSelect/interface.d.ts +143 -140
  41. package/ComboSelect/lang/en_US.d.ts +8 -8
  42. package/ComboSelect/lang/index.d.ts +17 -17
  43. package/ComboSelect/lang/zh_CN.d.ts +8 -8
  44. package/ComboSelect/utils.d.ts +12 -12
  45. package/Container/index.d.ts +77 -77
  46. package/Container/index.js +15 -239
  47. package/DatePicker/PickerButton.d.ts +3 -3
  48. package/DatePicker/PickerTag.d.ts +3 -3
  49. package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -4
  50. package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -11
  51. package/DatePicker/generatePicker/index.d.ts +77 -77
  52. package/DatePicker/index.d.ts +18 -18
  53. package/DatePicker/index.js +14 -733
  54. package/DatePicker/lang/en_US.d.ts +3 -3
  55. package/DatePicker/lang/index.d.ts +7 -7
  56. package/DatePicker/lang/zh_CN.d.ts +3 -3
  57. package/DatePicker/util.d.ts +20 -20
  58. package/Desktop/index.d.ts +55 -57
  59. package/Desktop/index.js +14 -853
  60. package/Drawer/index.d.ts +11 -11
  61. package/Drawer/index.js +14 -186
  62. package/Drawer/interface.d.ts +83 -83
  63. package/Drawer/lang/en_US.d.ts +5 -5
  64. package/Drawer/lang/index.d.ts +11 -11
  65. package/Drawer/lang/zh_CN.d.ts +5 -5
  66. package/Empty/images/index.d.ts +2 -3
  67. package/Empty/index.d.ts +30 -30
  68. package/Empty/index.js +14 -644
  69. package/Empty/lang/en_US.d.ts +6 -6
  70. package/Empty/lang/index.d.ts +13 -13
  71. package/Empty/lang/zh_CN.d.ts +6 -6
  72. package/Form/index.d.ts +181 -181
  73. package/Form/index.js +14 -384
  74. package/FormItem/compoments/defaultCompoments/index.d.ts +19 -19
  75. package/FormItem/compoments/formCheckboxGroup/index.d.ts +8 -8
  76. package/FormItem/compoments/formFile/index.d.ts +38 -38
  77. package/FormItem/compoments/formRadioGroup/index.d.ts +8 -8
  78. package/FormItem/compoments/formSelect/index.d.ts +18 -18
  79. package/FormItem/errorTips.d.ts +12 -12
  80. package/FormItem/index.d.ts +152 -152
  81. package/FormItem/index.js +14 -81
  82. package/FormItem/itemType.d.ts +42 -42
  83. package/FormItem/validateFunction.d.ts +15 -15
  84. package/FunctionModal/dialog.d.ts +58 -58
  85. package/FunctionModal/index.d.ts +8 -8
  86. package/FunctionModal/index.js +14 -39
  87. package/FunctionModal/modalContext.d.ts +14 -15
  88. package/GlobalContext/componentsProps.d.ts +19 -19
  89. package/GlobalContext/confirmLocale.d.ts +7 -7
  90. package/GlobalContext/index.d.ts +28 -28
  91. package/GlobalContext/index.js +16 -41
  92. package/GlobalContext/intl.d.ts +34 -34
  93. package/GlobalContext/useFormatMessage.d.ts +3 -3
  94. package/Help/index.d.ts +20 -18
  95. package/Help/index.js +15 -39
  96. package/HelperText/index.d.ts +19 -19
  97. package/HelperText/index.js +15 -29
  98. package/Hooks/useGlobalProps.d.ts +1 -1
  99. package/InputLang/index.d.ts +49 -49
  100. package/InputLang/index.js +14 -270
  101. package/InputNumber/index.d.ts +74 -74
  102. package/InputNumber/index.js +14 -308
  103. package/Label/index.d.ts +35 -35
  104. package/Label/index.js +14 -81
  105. package/Loading/index.d.ts +17 -17
  106. package/Loading/index.js +15 -47
  107. package/Menu/footerExpansion.d.ts +9 -9
  108. package/Menu/index.d.ts +10 -10
  109. package/Menu/index.js +14 -1232
  110. package/Menu/interface.d.ts +139 -139
  111. package/Menu/logo.d.ts +9 -9
  112. package/Menu/verticalMenuList.d.ts +14 -14
  113. package/Message/index.d.ts +73 -73
  114. package/Message/index.js +15 -222
  115. package/Modal/Confirm/index.d.ts +66 -65
  116. package/Modal/index.d.ts +61 -90
  117. package/Modal/index.js +14 -443
  118. package/Modal/lang/en_US.d.ts +5 -5
  119. package/Modal/lang/index.d.ts +11 -11
  120. package/Modal/lang/zh_CN.d.ts +5 -5
  121. package/MultiBox/index.d.ts +54 -54
  122. package/MultiBox/index.js +14 -231
  123. package/Notification/index.d.ts +52 -52
  124. package/Notification/index.js +15 -266
  125. package/OperateBtn/index.d.ts +59 -59
  126. package/OperateBtn/index.js +14 -260
  127. package/OperateBtn/lang/en_US.d.ts +4 -4
  128. package/OperateBtn/lang/index.d.ts +9 -9
  129. package/OperateBtn/lang/zh_CN.d.ts +4 -4
  130. package/PageHeader/horizontalMeun.d.ts +9 -9
  131. package/PageHeader/horizontalMeunRight.d.ts +9 -9
  132. package/PageHeader/index.d.ts +10 -10
  133. package/PageHeader/index.js +14 -1171
  134. package/PageHeader/interface.d.ts +167 -167
  135. package/Pagination/index.d.ts +33 -33
  136. package/Pagination/index.js +14 -469
  137. package/Pagination/lang/en_US.d.ts +8 -8
  138. package/Pagination/lang/index.d.ts +17 -17
  139. package/Pagination/lang/zh_CN.d.ts +8 -8
  140. package/ParauiProvider/index.d.ts +12 -8
  141. package/ParauiProvider/index.js +15 -53
  142. package/PopConfirm/index.d.ts +56 -58
  143. package/PopConfirm/index.js +14 -189
  144. package/PopConfirm/lang/en_US.d.ts +5 -5
  145. package/PopConfirm/lang/index.d.ts +11 -11
  146. package/PopConfirm/lang/zh_CN.d.ts +5 -5
  147. package/Popover/index.d.ts +14 -14
  148. package/Popover/index.js +15 -66
  149. package/Popper/index.d.ts +13 -0
  150. package/Popper/index.js +16 -0
  151. package/Progress/Line.d.ts +47 -47
  152. package/Progress/Steps.d.ts +17 -17
  153. package/Progress/index.d.ts +81 -81
  154. package/Progress/index.js +20 -358
  155. package/Progress/utils.d.ts +6 -6
  156. package/Querying/images/index.d.ts +2 -3
  157. package/Querying/index.d.ts +26 -26
  158. package/Querying/index.js +14 -762
  159. package/Querying/lang/en_US.d.ts +4 -4
  160. package/Querying/lang/index.d.ts +9 -9
  161. package/Querying/lang/zh_CN.d.ts +4 -4
  162. package/README.md +518 -0
  163. package/Radio/index.d.ts +38 -38
  164. package/Radio/index.js +14 -94
  165. package/RadioGroup/index.d.ts +47 -47
  166. package/RadioGroup/index.js +14 -128
  167. package/Search/index.d.ts +56 -56
  168. package/Search/index.js +14 -220
  169. package/Select/index.d.ts +86 -86
  170. package/Select/index.js +14 -1288
  171. package/Select/lang/en_US.d.ts +5 -5
  172. package/Select/lang/index.d.ts +11 -11
  173. package/Select/lang/zh_CN.d.ts +5 -5
  174. package/SelectInput/index.d.ts +11 -11
  175. package/SelectInput/index.js +14 -51
  176. package/SingleBox/index.d.ts +42 -42
  177. package/SingleBox/index.js +14 -194
  178. package/Slider/index.d.ts +14 -14
  179. package/Slider/index.js +15 -125
  180. package/Slider/interface.d.ts +102 -102
  181. package/Split/index.d.ts +7 -7
  182. package/Split/index.js +15 -134
  183. package/Stepper/icons.d.ts +5 -5
  184. package/Stepper/index.d.ts +39 -49
  185. package/Stepper/index.js +15 -99
  186. package/Switch/index.d.ts +78 -78
  187. package/Switch/index.js +14 -73
  188. package/Table/index.d.ts +10 -10
  189. package/Table/index.js +14 -2725
  190. package/Table/interface.d.ts +202 -202
  191. package/Table/lang/en_US.d.ts +6 -6
  192. package/Table/lang/index.d.ts +13 -13
  193. package/Table/lang/zh_CN.d.ts +6 -6
  194. package/Table/tableBody.d.ts +9 -9
  195. package/Table/tableBodyElement/index.d.ts +15 -15
  196. package/Table/tableBodyInterface.d.ts +67 -67
  197. package/Table/tableContainer/index.d.ts +16 -16
  198. package/Table/tableElement/index.d.ts +17 -17
  199. package/Table/tableHead.d.ts +9 -9
  200. package/Table/tableHeadElement/index.d.ts +15 -15
  201. package/Table/tableHeadInterface.d.ts +30 -26
  202. package/Table/tablePagination.d.ts +9 -9
  203. package/Table/tablePaginationInterFace.d.ts +24 -24
  204. package/Table/tdElement/index.d.ts +15 -15
  205. package/Table/thElement/index.d.ts +15 -15
  206. package/Table/trElement/index.d.ts +15 -15
  207. package/Table/util.d.ts +16 -16
  208. package/Tabs/index.d.ts +48 -69
  209. package/Tabs/index.js +14 -218
  210. package/Tag/TagGroup.d.ts +66 -66
  211. package/Tag/index.d.ts +34 -34
  212. package/Tag/index.js +14 -286
  213. package/Test/index.d.ts +2 -3
  214. package/Test/index.js +16 -9
  215. package/TextField/index.d.ts +93 -93
  216. package/TextField/index.js +14 -686
  217. package/TimePicker/index.d.ts +22 -22
  218. package/TimePicker/index.js +14 -77
  219. package/TimePicker/locale/en_US.d.ts +3 -3
  220. package/TimePicker/locale/zh_CN.d.ts +3 -3
  221. package/TimePicker/style/index.d.ts +1 -1
  222. package/Timeline/index.d.ts +22 -31
  223. package/Timeline/index.js +15 -150
  224. package/ToggleButton/ToggleButtonGroup.d.ts +49 -49
  225. package/ToggleButton/index.d.ts +49 -49
  226. package/ToggleButton/index.js +14 -200
  227. package/Tooltip/index.d.ts +14 -11
  228. package/Tooltip/index.js +15 -335
  229. package/Transfer/index.d.ts +17 -18
  230. package/Transfer/index.js +14 -343
  231. package/Transfer/lang/en_US.d.ts +6 -6
  232. package/Transfer/lang/index.d.ts +13 -13
  233. package/Transfer/lang/zh_CN.d.ts +6 -6
  234. package/Tree/OperateBar/index.d.ts +13 -13
  235. package/Tree/Tree.d.ts +4 -4
  236. package/Tree/index.d.ts +5 -5
  237. package/Tree/index.js +14 -35
  238. package/Tree/interface.d.ts +207 -209
  239. package/Tree/lang/en_US.d.ts +8 -8
  240. package/Tree/lang/index.d.ts +17 -17
  241. package/Tree/lang/zh_CN.d.ts +8 -8
  242. package/Tree/utils/tools.d.ts +26 -26
  243. package/Tree/utils/treeUtil.d.ts +15 -15
  244. package/Upload/Dragger/index.d.ts +10 -10
  245. package/Upload/ErroTip/index.d.ts +13 -13
  246. package/Upload/ImageUpload/index.d.ts +14 -14
  247. package/Upload/ImgCrop/EasyCrop.d.ts +17 -17
  248. package/Upload/ImgCrop/constants.d.ts +7 -7
  249. package/Upload/ImgCrop/index.d.ts +6 -6
  250. package/Upload/ImgCrop/interface.d.ts +24 -24
  251. package/Upload/UploadList/index.d.ts +5 -5
  252. package/Upload/index.d.ts +15 -15
  253. package/Upload/index.js +14 -1542
  254. package/Upload/interface.d.ts +134 -134
  255. package/Upload/lang/en_US.d.ts +12 -12
  256. package/Upload/lang/index.d.ts +25 -25
  257. package/Upload/lang/zh_CN.d.ts +12 -12
  258. package/cdn/AutoBox/index.js +29 -0
  259. package/cdn/AutoTips/index.js +40 -0
  260. package/cdn/Breadcrumbs/index.js +53 -0
  261. package/cdn/Button/index.js +79 -0
  262. package/cdn/ButtonGroup/index.js +79 -0
  263. package/cdn/Carousel/index.js +6 -0
  264. package/cdn/Cascader/index.js +42 -0
  265. package/cdn/Checkbox/index.js +53 -0
  266. package/cdn/CheckboxGroup/index.js +53 -0
  267. package/cdn/Collapse/index.js +27 -0
  268. package/cdn/CollapseBox/index.js +1 -0
  269. package/cdn/ColorPicker/index.js +1 -0
  270. package/cdn/ComboSelect/index.js +438 -0
  271. package/cdn/Container/index.js +1 -0
  272. package/cdn/DatePicker/index.js +185 -0
  273. package/cdn/Desktop/index.js +24 -0
  274. package/cdn/Drawer/index.js +84 -0
  275. package/cdn/Empty/index.js +1 -0
  276. package/cdn/Form/index.js +477 -0
  277. package/cdn/FormItem/index.js +477 -0
  278. package/cdn/FunctionModal/index.js +144 -0
  279. package/cdn/GlobalContext/index.js +1 -0
  280. package/cdn/Help/index.js +53 -0
  281. package/cdn/HelperText/index.js +1 -0
  282. package/cdn/InputLang/index.js +144 -0
  283. package/cdn/InputNumber/index.js +118 -0
  284. package/cdn/Label/index.js +53 -0
  285. package/cdn/Loading/index.js +14 -0
  286. package/cdn/Menu/index.js +40 -0
  287. package/cdn/Message/index.js +53 -0
  288. package/cdn/Modal/index.js +144 -0
  289. package/cdn/MultiBox/index.js +131 -0
  290. package/cdn/Notification/index.js +66 -0
  291. package/cdn/OperateBtn/index.js +92 -0
  292. package/cdn/PageHeader/index.js +92 -0
  293. package/cdn/Pagination/index.js +214 -0
  294. package/cdn/ParauiProvider/index.js +9 -0
  295. package/cdn/PopConfirm/index.js +131 -0
  296. package/cdn/Popover/index.js +16 -0
  297. package/cdn/Popper/index.js +26 -0
  298. package/cdn/Progress/index.js +58 -0
  299. package/cdn/Querying/index.js +1 -0
  300. package/cdn/Radio/index.js +53 -0
  301. package/cdn/RadioGroup/index.js +53 -0
  302. package/cdn/Search/index.js +144 -0
  303. package/cdn/Select/index.js +131 -0
  304. package/cdn/SelectInput/index.js +131 -0
  305. package/cdn/SingleBox/index.js +131 -0
  306. package/cdn/Slider/index.js +16 -0
  307. package/cdn/Split/index.js +1 -0
  308. package/cdn/Stepper/index.js +154 -0
  309. package/cdn/Switch/index.js +71 -0
  310. package/cdn/Table/index.js +292 -0
  311. package/cdn/Tabs/index.js +165 -0
  312. package/cdn/Tag/index.js +27 -0
  313. package/cdn/Test/index.js +1 -0
  314. package/cdn/TextField/index.js +105 -0
  315. package/cdn/TimePicker/index.js +185 -0
  316. package/cdn/Timeline/index.js +16 -0
  317. package/cdn/ToggleButton/index.js +79 -0
  318. package/cdn/Tooltip/index.js +40 -0
  319. package/cdn/Transfer/index.js +170 -0
  320. package/cdn/Tree/index.js +170 -0
  321. package/cdn/Upload/index.js +252 -0
  322. package/index.d.ts +128 -128
  323. package/index.js +19 -160
  324. package/package.json +21 -54
  325. package/style.css +72 -0
  326. package/Dropdown/index.d.ts +0 -25
  327. package/Dropdown/index.js +0 -67
  328. package/Tabs/lang/en_US.d.ts +0 -4
  329. package/Tabs/lang/index.d.ts +0 -9
  330. package/Tabs/lang/zh_CN.d.ts +0 -4
  331. package/Timeline/TimelineItem.d.ts +0 -23
  332. package/Tooltip/interface.d.ts +0 -21
  333. package/Tooltip/utils.d.ts +0 -22
  334. package/_verture/defineProperty-0590dc61.js +0 -16
  335. package/_verture/index-2c0ecd8d.js +0 -778
  336. package/_verture/index-342379c6.js +0 -391
  337. package/_verture/index-a369ca3f.js +0 -4
  338. package/_verture/index-e2881a53.js +0 -16
  339. package/_verture/index-ee85b1cd.js +0 -1555
  340. package/_verture/intl-336570e4.js +0 -65
  341. package/_verture/modalContext-e7cc8067.js +0 -228
  342. package/_verture/slicedToArray-d7722f4b.js +0 -62
  343. package/_verture/style-inject.es-300983ab.js +0 -28
  344. package/_verture/toConsumableArray-f8047a75.js +0 -19
  345. package/_verture/tslib.es6-55ed4bd2.js +0 -38
  346. package/_verture/typeof-498dd2b1.js +0 -11
  347. package/_verture/useFormatMessage-ac9d6acf.js +0 -20
  348. package/_verture/useGlobalProps-af9a2af6.js +0 -12
@@ -1,27 +1,27 @@
1
- /**
2
- * @author linhd
3
- * @date 2022/5/23 2:19 PM
4
- * @description 折叠容器
5
- */
6
- import React, { FunctionComponent } from 'react';
7
- import './index.scss';
8
- export interface CollapseBoxProps {
9
- /** className */
10
- className?: string;
11
- /** css样式 */
12
- style?: React.CSSProperties;
13
- /** 收起状态最小高度 */
14
- collapsedHeight?: string | number;
15
- /** 收起时是否不渲染子节点 */
16
- unmountOnExit?: boolean;
17
- /** 动画时间 */
18
- timeout?: 'auto' | number | {
19
- appear?: number | undefined;
20
- enter?: number | undefined;
21
- exit?: number | undefined;
22
- };
23
- children?: any;
24
- [name: string]: any;
25
- }
26
- declare const CollapseBox: FunctionComponent<CollapseBoxProps>;
27
- export default CollapseBox;
1
+ /**
2
+ * @author linhd
3
+ * @date 2022/5/23 2:19 PM
4
+ * @description 折叠容器
5
+ */
6
+ import React, { FunctionComponent } from 'react';
7
+ import './index.scss';
8
+ export interface CollapseBoxProps {
9
+ /** className */
10
+ className?: string;
11
+ /** css样式 */
12
+ style?: React.CSSProperties;
13
+ /** 收起状态最小高度 */
14
+ collapsedHeight?: string | number;
15
+ /** 收起时是否不渲染子节点 */
16
+ unmountOnExit?: boolean;
17
+ /** 动画时间 */
18
+ timeout?: 'auto' | number | {
19
+ appear?: number | undefined;
20
+ enter?: number | undefined;
21
+ exit?: number | undefined;
22
+ };
23
+ children?: any;
24
+ [name: string]: any;
25
+ }
26
+ declare const CollapseBox: FunctionComponent<CollapseBoxProps>;
27
+ export default CollapseBox;
@@ -1,164 +1,15 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { useRef, useEffect } from 'react';
3
- import { Transition } from 'react-transition-group';
4
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
5
-
6
- function getTransitionProps(props, options) {
7
- var timeout = props.timeout,
8
- _props$style = props.style,
9
- style = _props$style === void 0 ? {} : _props$style;
10
- return {
11
- duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
12
- delay: style.transitionDelay
13
- };
14
- }
15
- function getAutoHeightDuration(height) {
16
- if (!height) {
17
- return 0;
18
- }
19
-
20
- var constant = height / 36;
21
- return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
22
- }
23
-
24
- var css_248z = ".paraui-collapse-box {\n transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n width: 100%;\n overflow: hidden;\n height: 0;\n}\n.paraui-collapse-box > .paraui-collapse-box-wrapper {\n display: flex;\n width: 100%;\n}\n.paraui-collapse-box > .paraui-collapse-box-wrapper > .paraui-collapse-box-wrapper-inner {\n width: 100%;\n}\n.paraui-collapse-box.paraui-collapse-box-entered {\n overflow: visible;\n}\n.paraui-collapse-box.paraui-collapse-box-hidden {\n visibility: hidden;\n}";
25
- styleInject(css_248z);
26
-
27
- var CollapseBox = function CollapseBox(props) {
28
- var className = props.className,
29
- style = props.style,
30
- inProp = props.in,
31
- _props$collapsedHeigh = props.collapsedHeight,
32
- collapsedHeightProp = _props$collapsedHeigh === void 0 ? '0px' : _props$collapsedHeigh,
33
- _props$timeout = props.timeout,
34
- timeout = _props$timeout === void 0 ? 'auto' : _props$timeout,
35
- unmountOnExit = props.unmountOnExit,
36
- _children = props.children; // timer
37
-
38
- var timer = useRef(null); // 动画节点
39
-
40
- var nodeRef = useRef(null); // 内置容器
41
-
42
- var wrapperRef = useRef(null); // 存储动画时间变量
43
-
44
- var autoTransitionDuration = useRef(null); // 下拉收起的高度
45
-
46
- var collapsedHeight = typeof collapsedHeightProp === 'number' ? "".concat(collapsedHeightProp, "px") : collapsedHeightProp;
47
- useEffect(function () {
48
- return function () {
49
- clearTimeout(timer.current);
50
- };
51
- }, []); // 处理节点
52
-
53
- var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
54
- return function (nodeOrAppearing) {
55
- if (callback) {
56
- callback(nodeOrAppearing);
57
- }
58
- };
59
- }; // 下拉
60
-
61
-
62
- var handleEnter = normalizedTransitionCallback(function (node) {
63
- node.style.height = collapsedHeight;
64
- });
65
- var handleEntering = normalizedTransitionCallback(function (node) {
66
- var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
67
-
68
- var _getTransitionProps = getTransitionProps({
69
- style: style,
70
- timeout: timeout
71
- }, {
72
- mode: 'enter'
73
- }),
74
- transitionDuration = _getTransitionProps.duration;
75
-
76
- if (timeout === 'auto') {
77
- var duration2 = getAutoHeightDuration(wrapperHeight);
78
- node.style.transitionDuration = "".concat(duration2, "ms");
79
- autoTransitionDuration.current = duration2;
80
- } else {
81
- node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
82
- }
83
-
84
- node.style.height = "".concat(wrapperHeight, "px");
85
- });
86
- var handleEntered = normalizedTransitionCallback(function (node) {
87
- node.style.height = 'auto';
88
- }); // 收起
89
-
90
- var handleExit = normalizedTransitionCallback(function (node) {
91
- var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
92
- node.style.height = "".concat(wrapperHeight, "px");
93
- });
94
- var handleExiting = normalizedTransitionCallback(function (node) {
95
- var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
96
-
97
- var _getTransitionProps2 = getTransitionProps({
98
- style: style,
99
- timeout: timeout
100
- }, {
101
- mode: 'exit'
102
- }),
103
- transitionDuration = _getTransitionProps2.duration;
104
-
105
- if (timeout === 'auto') {
106
- var duration2 = getAutoHeightDuration(wrapperHeight);
107
- node.style.transitionDuration = "".concat(duration2, "ms");
108
- autoTransitionDuration.current = duration2;
109
- } else {
110
- node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
111
- }
112
-
113
- node.style.height = collapsedHeight;
114
- }); // 完成下拉/收起回调
115
-
116
- var addEndListener = function addEndListener(nodeOrNext, maybeNext) {
117
- timer.current = setTimeout(maybeNext, autoTransitionDuration.current || 0);
118
- }; // 处理className
119
-
120
-
121
- var handClass = function handClass(state) {
122
- var str = 'paraui-collapse-box';
123
- if (className) str += ' ' + className;
124
- if (state === 'entered') str += ' paraui-collapse-box-entered';
125
- if (state === 'exited' && !inProp && collapsedHeight === '0px') str += ' paraui-collapse-box-hidden';
126
- return str;
127
- };
128
-
129
- return jsx(Transition, Object.assign({
130
- in: inProp,
131
- unmountOnExit: unmountOnExit,
132
- onEnter: handleEnter,
133
- onEntered: handleEntered,
134
- onEntering: handleEntering,
135
- onExit: handleExit,
136
- onExiting: handleExiting,
137
- //nodeRef={nodeRef}
138
- timeout: timeout === 'auto' ? undefined : timeout,
139
- addEndListener: addEndListener
140
- }, {
141
- children: function children(state, childProps) {
142
- return jsx("div", Object.assign({
143
- className: handClass(state),
144
- style: Object.assign({
145
- minHeight: collapsedHeight
146
- }, style),
147
- ref: nodeRef
148
- }, childProps, {
149
- children: jsx("div", Object.assign({
150
- className: 'paraui-collapse-box-wrapper',
151
- ref: wrapperRef
152
- }, {
153
- children: jsx("div", Object.assign({
154
- className: 'paraui-collapse-box-wrapper-inner'
155
- }, {
156
- children: _children
157
- }))
158
- }))
159
- }));
160
- }
161
- }));
162
- };
163
-
164
- export { CollapseBox as default };
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["react","react-transition-group"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("react-transition-group")):e.ParaUI=t(e.react,e["react-transition-group"])}(self,(function(e,t){return function(){var n={7283:function(e,t,n){(t=n(3645)(!1)).push([e.id,".paraui-collapse-box{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;width:100%;overflow:hidden;height:0}.paraui-collapse-box>.paraui-collapse-box-wrapper{display:flex;width:100%}.paraui-collapse-box>.paraui-collapse-box-wrapper>.paraui-collapse-box-wrapper-inner{width:100%}.paraui-collapse-box.paraui-collapse-box-entered{overflow:visible}.paraui-collapse-box.paraui-collapse-box-hidden{visibility:hidden}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},7418:function(e){"use strict";
2
+ /*
3
+ object-assign
4
+ (c) Sindre Sorhus
5
+ @license MIT
6
+ */var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))n.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)r.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,n){"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
+ n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,l=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,n){"use strict";e.exports=n(5251)},7262:function(e,t,n){var r=n(3379),o=n(7283);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,l="".concat(u," ").concat(s);n[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:y(p,t),references:1}),r.push(l)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function y(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=s(t),r=d.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var l=c(n[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},8156:function(t){"use strict";t.exports=e},5002:function(e){"use strict";e.exports=t}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.exports}o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var i={};return function(){"use strict";o.r(i),o.d(i,{default:function(){return u}});var e=o(5893),t=o(8156),n=o(5002);function r(e,t){var n=e.timeout,r=e.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[t.mode]||0,delay:o.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}o(7262);var c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},u=function(o){var i=o.className,u=o.style,s=o.in,l=o.collapsedHeight,f=void 0===l?"0px":l,p=o.timeout,d=void 0===p?"auto":p,v=o.unmountOnExit,h=o.children,y=(0,t.useRef)(null),b=(0,t.useRef)(null),m=(0,t.useRef)(null),g=(0,t.useRef)(null),x="number"==typeof f?"".concat(f,"px"):f;(0,t.useEffect)((function(){return function(){clearTimeout(y.current)}}),[]);var j=function(e){return function(t){e&&e(t)}},O=j((function(e){e.style.height=x})),w=j((function(e){var t=m.current?m.current.clientHeight:0,n=r({style:u,timeout:d},{mode:"enter"}).duration;if("auto"===d){var o=a(t);e.style.transitionDuration="".concat(o,"ms"),g.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),E=j((function(e){e.style.height="auto"})),S=j((function(e){var t=m.current?m.current.clientHeight:0;e.style.height="".concat(t,"px")})),_=j((function(e){var t=m.current?m.current.clientHeight:0,n=r({style:u,timeout:d},{mode:"exit"}).duration;if("auto"===d){var o=a(t);e.style.transitionDuration="".concat(o,"ms"),g.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=x})),N=function(e){var t="paraui-collapse-box";return i&&(t+=" "+i),"entered"===e&&(t+=" paraui-collapse-box-entered"),"exited"!==e||s||"0px"!==x||(t+=" paraui-collapse-box-hidden"),t};return(0,e.jsx)(n.Transition,c({in:s,unmountOnExit:v,onEnter:O,onEntered:E,onEntering:w,onExit:S,onExiting:_,timeout:"auto"===d?void 0:d,addEndListener:function(e,t){y.current=setTimeout(t,g.current||0)}},{children:function(t,n){return(0,e.jsx)("div",c({className:N(t),style:c({minHeight:x},u),ref:b},n,{children:(0,e.jsx)("div",c({className:"paraui-collapse-box-wrapper",ref:m},{children:(0,e.jsx)("div",c({className:"paraui-collapse-box-wrapper-inner"},{children:h}))}))}))}}))}}(),i}()}));
@@ -1,5 +1,5 @@
1
- export declare function getTransitionProps(props: any, options: any): {
2
- duration: any;
3
- delay: any;
4
- };
5
- export declare function getAutoHeightDuration(height: any): number;
1
+ export declare function getTransitionProps(props: any, options: any): {
2
+ duration: any;
3
+ delay: any;
4
+ };
5
+ export declare function getAutoHeightDuration(height: any): number;
@@ -1,4 +1,4 @@
1
- import { SketchPicker, ChromePicker, CompactPicker, SwatchesPicker } from 'react-color';
2
- import './index.scss';
3
- export default SketchPicker;
4
- export { ChromePicker, CompactPicker, SwatchesPicker };
1
+ import { SketchPicker, ChromePicker, CompactPicker, SwatchesPicker } from 'react-color';
2
+ import './index.scss';
3
+ export default SketchPicker;
4
+ export { ChromePicker, CompactPicker, SwatchesPicker };
@@ -1,4 +1 @@
1
- import { SketchPicker } from 'react-color';
2
- export { ChromePicker, CompactPicker, SwatchesPicker, SketchPicker as default } from 'react-color';
3
- import '../_verture/index-a369ca3f.js';
4
- import '../_verture/style-inject.es-300983ab.js';
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react-color")):"function"==typeof define&&define.amd?define(["react-color"],t):"object"==typeof exports?exports.ParaUI=t(require("react-color")):e.ParaUI=t(e["react-color"])}(self,(function(e){return function(){var t={6853:function(e,t,n){(t=n(3645)(!1)).push([e.id,".sketch-picker,.chrome-picker,.swatches-picker,.compact-picker{box-sizing:content-box !important}.sketch-picker *,.chrome-picker *,.swatches-picker *,.compact-picker *{box-sizing:content-box !important}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(c=r,a=btoa(unescape(encodeURIComponent(JSON.stringify(c)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(u," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var c,a,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(o[c]=!0)}for(var a=0;a<e.length;a++){var u=[].concat(e[a]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},694:function(e,t,n){var r=n(3379),o=n(6853);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),c=[];function a(e){for(var t=-1,n=0;n<c.length;n++)if(c[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,f="".concat(u," ").concat(s);n[u]=s+1;var l=a(f),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==l?(c[l].references++,c[l].updater(d)):c.push({identifier:f,updater:m(d,t),references:1}),r.push(f)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var c=i(e.insert||"head");if(!c)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");c.appendChild(t)}return t}var f,l=(f=[],function(e,t){return f[e]=t,f.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var i=document.createTextNode(o),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(i,c[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function m(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);c[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var f=a(n[s]);0===c[f].references&&(c[f].updater(),c.splice(f,1))}n=i}}}},598:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={id:e,exports:{}};return t[e](i,i.exports,r),i.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var o={};return function(){"use strict";r.r(o),r.d(o,{ChromePicker:function(){return e.ChromePicker},CompactPicker:function(){return e.CompactPicker},SwatchesPicker:function(){return e.SwatchesPicker}});var e=r(598);r(694);o.default=e.SketchPicker}(),o}()}));
@@ -1,11 +1,11 @@
1
- /**
2
- * @author Hanz
3
- * @date 2021/8/30 下午2:32
4
- * @description WithTabsCombo
5
- */
6
- import { FunctionComponent } from 'react';
7
- import { TabsComboSelectProps } from './interface';
8
- import '../index.scss';
9
- declare const TabsComboSelect: FunctionComponent<TabsComboSelectProps>;
10
- export type { TabsComboSelectProps };
11
- export default TabsComboSelect;
1
+ /**
2
+ * @author Hanz
3
+ * @date 2021/8/30 下午2:32
4
+ * @description WithTabsCombo
5
+ */
6
+ import { FunctionComponent } from 'react';
7
+ import { TabsComboSelectProps } from './interface';
8
+ import '../index.scss';
9
+ declare const TabsComboSelect: FunctionComponent<TabsComboSelectProps>;
10
+ export type { TabsComboSelectProps };
11
+ export default TabsComboSelect;
@@ -1,141 +1,141 @@
1
- /**
2
- * @author Hanz
3
- * @date 2021/8/30 下午2:31
4
- * @description 接口
5
- */
6
- import React from 'react';
7
- import { TableProps as ITableProps } from '../../Table/interface';
8
- import { TreeProps, TreeNodeProps } from '../../Tree/interface';
9
- import { TabsProps } from '../../Tabs';
10
- declare type TableProps = ITableProps & {
11
- /** 表格参数 */
12
- params?: Object;
13
- /** 表格替换字段*/
14
- replaceFields?: {
15
- key?: string;
16
- title?: string;
17
- };
18
- };
19
- export interface TabsList {
20
- /** 唯一key ,与TabsPanel一致 */
21
- value?: string;
22
- /** tab 显示名 */
23
- label?: string;
24
- /** 选中当前tab*/
25
- selected?: boolean;
26
- [key: string]: any;
27
- }
28
- export interface TabsPanel {
29
- /** 唯一key ,与TabsList 一致 */
30
- value?: string;
31
- /** 组件类型 */
32
- mode?: 'tree' | 'table' | 'customize';
33
- /** mode: table 表格属性 */
34
- tableProps?: TableProps;
35
- /** mode: tree 树属性 */
36
- treeProps?: TreeProps;
37
- /** mode: customize 自定义组件 */
38
- customizeComponent?: React.ReactNode;
39
- /** mode: customize 通过回调渲染自定义组件 */
40
- customizeRender?: (value: SelectedOption[]) => React.ReactNode;
41
- }
42
- interface TagFields {
43
- /** 唯一key , 与TabsList一致 */
44
- [value: string]: {
45
- /** tag key */
46
- key: string;
47
- /** tag title */
48
- title: string;
49
- };
50
- }
51
- export declare type SelectedOption = {
52
- key: string;
53
- label: string;
54
- tabKey: string;
55
- };
56
- export declare type KeysMap = {
57
- [index: string]: string[];
58
- };
59
- export type { TreeNodeProps };
60
- export interface TabsComboSelectProps {
61
- /**占位符*/
62
- placeholder?: string;
63
- /**search 占位符*/
64
- searchPlaceholder?: string;
65
- /**最大显示数*/
66
- maxCount?: number;
67
- /**禁用选择器*/
68
- disabled?: boolean;
69
- /** 支持清除 */
70
- allowClear?: boolean;
71
- /**cls*/
72
- className?: string;
73
- /**弹出层className*/
74
- popoverClassName?: string;
75
- /**大小*/
76
- size?: 'large' | 'medium' | 'small';
77
- /**选择器footer actions*/
78
- popoverActions?: React.ReactNode;
79
- /**是否显示footer actions*/
80
- showPopoverActions?: boolean;
81
- /**是否默认打开*/
82
- defaultOpen?: boolean;
83
- /**默认值*/
84
- defaultValue?: SelectedOption[];
85
- /**当前选中值*/
86
- value?: SelectedOption[];
87
- /**位置*/
88
- anchorOrigin?: 'lt' | 'lc' | 'lb' | 'ct' | 'cc' | 'cb' | 'rt' | 'rc' | 'rb';
89
- /**搜索回调*/
90
- onSearch?: (searchValue: {
91
- tabKey: string;
92
- searchKey: string | null;
93
- }) => void;
94
- /**footer actions 取消回调*/
95
- onCancel?: () => void;
96
- /**footer actions 确定回调*/
97
- onOk?: (options: SelectedOption[]) => void;
98
- /** 关闭选择器回调 */
99
- onClose?: () => void;
100
- /**value发生变化时回调*/
101
- onChange?: (options: SelectedOption[], originData?: any) => void;
102
- /**table组件属性*/
103
- TableProps?: Omit<TableProps, 'check' | 'radio' | 'rowKey' | 'setCheck' | 'setRadio' | 'checkDefaultValue' | 'radioDefaultValue' | 'autoSize' | 'search' | 'paramsCallback'>;
104
- /**tree组件属性*/
105
- TreeProps?: Omit<TreeProps, 'checkable' | 'radioable' | 'selectable' | 'checkedKeys' | 'onCheck' | 'onSelect' | 'paramsCallback' | 'params'>;
106
- /**单选或多选*/
107
- checkable?: boolean;
108
- /**是否显示搜索*/
109
- showSearch?: boolean;
110
- /**错误状态*/
111
- error?: boolean;
112
- /**辅助文本*/
113
- helperText?: string;
114
- /**参数处理回调*/
115
- paramsCallback?: (params: any) => any;
116
- /** 搜索参数 */
117
- searchParams?: {
118
- tabKey: string;
119
- searchKey: string | null;
120
- };
121
- /** tabs列表 */
122
- tabsList: TabsList[];
123
- /** tabs 面板 */
124
- tabsPanel: TabsPanel[];
125
- /** tag 显示字段*/
126
- tagFields: TagFields;
127
- /** 路径字段 */
128
- fullPathKey?: string;
129
- /** 自定义路径节点 */
130
- fullPathRender?: (node: TreeNodeProps) => React.ReactNode;
131
- /** 路径节点 */
132
- fullPathNode?: React.ReactNode;
133
- /** tabs change回调 */
134
- onTabsChange?: TabsProps['onChange'];
135
- /** 自动计算下拉框宽度 */
136
- autoWidth?: boolean;
137
- /** 自定义渲染tag */
138
- tagRender?: (option: SelectedOption) => React.ReactNode;
139
- /** tag 点击回调 */
140
- onTagClick?: (option: SelectedOption, originData: any) => void;
141
- }
1
+ /**
2
+ * @author Hanz
3
+ * @date 2021/8/30 下午2:31
4
+ * @description 接口
5
+ */
6
+ import React from 'react';
7
+ import { TableProps as ITableProps } from '../../Table/interface';
8
+ import { TreeProps, TreeNodeProps } from '../../Tree/interface';
9
+ import { TabsProps } from '../../Tabs';
10
+ declare type TableProps = ITableProps & {
11
+ /** 表格参数 */
12
+ params?: Object;
13
+ /** 表格替换字段*/
14
+ replaceFields?: {
15
+ key?: string;
16
+ title?: string;
17
+ };
18
+ };
19
+ export interface TabsList {
20
+ /** 唯一key ,与TabsPanel一致 */
21
+ value?: string;
22
+ /** tab 显示名 */
23
+ label?: string;
24
+ /** 选中当前tab*/
25
+ selected?: boolean;
26
+ [key: string]: any;
27
+ }
28
+ export interface TabsPanel {
29
+ /** 唯一key ,与TabsList 一致 */
30
+ value?: string;
31
+ /** 组件类型 */
32
+ mode?: 'tree' | 'table' | 'customize';
33
+ /** mode: table 表格属性 */
34
+ tableProps?: TableProps;
35
+ /** mode: tree 树属性 */
36
+ treeProps?: TreeProps;
37
+ /** mode: customize 自定义组件 */
38
+ customizeComponent?: React.ReactNode;
39
+ /** mode: customize 通过回调渲染自定义组件 */
40
+ customizeRender?: (value: SelectedOption[]) => React.ReactNode;
41
+ }
42
+ interface TagFields {
43
+ /** 唯一key , 与TabsList一致 */
44
+ [value: string]: {
45
+ /** tag key */
46
+ key: string;
47
+ /** tag title */
48
+ title: string;
49
+ };
50
+ }
51
+ export declare type SelectedOption = {
52
+ key: string;
53
+ label: string;
54
+ tabKey: string;
55
+ };
56
+ export declare type KeysMap = {
57
+ [index: string]: string[];
58
+ };
59
+ export type { TreeNodeProps };
60
+ export interface TabsComboSelectProps {
61
+ /**占位符*/
62
+ placeholder?: string;
63
+ /**search 占位符*/
64
+ searchPlaceholder?: string;
65
+ /**最大显示数*/
66
+ maxCount?: number;
67
+ /**禁用选择器*/
68
+ disabled?: boolean;
69
+ /** 支持清除 */
70
+ allowClear?: boolean;
71
+ /**cls*/
72
+ className?: string;
73
+ /**弹出层className*/
74
+ popoverClassName?: string;
75
+ /**大小*/
76
+ size?: 'large' | 'medium' | 'small';
77
+ /**选择器footer actions*/
78
+ popoverActions?: React.ReactNode;
79
+ /**是否显示footer actions*/
80
+ showPopoverActions?: boolean;
81
+ /**是否默认打开*/
82
+ defaultOpen?: boolean;
83
+ /**默认值*/
84
+ defaultValue?: SelectedOption[];
85
+ /**当前选中值*/
86
+ value?: SelectedOption[];
87
+ /**位置*/
88
+ anchorOrigin?: 'lt' | 'lc' | 'lb' | 'ct' | 'cc' | 'cb' | 'rt' | 'rc' | 'rb';
89
+ /**搜索回调*/
90
+ onSearch?: (searchValue: {
91
+ tabKey: string;
92
+ searchKey: string | null;
93
+ }) => void;
94
+ /**footer actions 取消回调*/
95
+ onCancel?: () => void;
96
+ /**footer actions 确定回调*/
97
+ onOk?: (options: SelectedOption[]) => void;
98
+ /** 关闭选择器回调 */
99
+ onClose?: () => void;
100
+ /**value发生变化时回调*/
101
+ onChange?: (options: SelectedOption[], originData?: any) => void;
102
+ /**table组件属性*/
103
+ TableProps?: Omit<TableProps, 'check' | 'radio' | 'rowKey' | 'setCheck' | 'setRadio' | 'checkDefaultValue' | 'radioDefaultValue' | 'autoSize' | 'search' | 'paramsCallback'>;
104
+ /**tree组件属性*/
105
+ TreeProps?: Omit<TreeProps, 'checkable' | 'radioable' | 'selectable' | 'checkedKeys' | 'onCheck' | 'onSelect' | 'paramsCallback' | 'params'>;
106
+ /**单选或多选*/
107
+ checkable?: boolean;
108
+ /**是否显示搜索*/
109
+ showSearch?: boolean;
110
+ /**错误状态*/
111
+ error?: boolean;
112
+ /**辅助文本*/
113
+ helperText?: string;
114
+ /**参数处理回调*/
115
+ paramsCallback?: (params: any) => any;
116
+ /** 搜索参数 */
117
+ searchParams?: {
118
+ tabKey: string;
119
+ searchKey: string | null;
120
+ };
121
+ /** tabs列表 */
122
+ tabsList: TabsList[];
123
+ /** tabs 面板 */
124
+ tabsPanel: TabsPanel[];
125
+ /** tag 显示字段*/
126
+ tagFields: TagFields;
127
+ /** 路径字段 */
128
+ fullPathKey?: string;
129
+ /** 自定义路径节点 */
130
+ fullPathRender?: (node: TreeNodeProps) => React.ReactNode;
131
+ /** 路径节点 */
132
+ fullPathNode?: React.ReactNode;
133
+ /** tabs change回调 */
134
+ onTabsChange?: TabsProps['onChange'];
135
+ /** 自动计算下拉框宽度 */
136
+ autoWidth?: boolean;
137
+ /** 自定义渲染tag */
138
+ tagRender?: (option: SelectedOption) => React.ReactNode;
139
+ /** tag 点击回调 */
140
+ onTagClick?: (option: SelectedOption, originData: any) => void;
141
+ }
@@ -1,11 +1,11 @@
1
- import { FunctionComponent } from 'react';
2
- import { ComboSelectProps } from './interface';
3
- import TabsComboSelect, { TabsComboSelectProps } from "./WithTabsCombo";
4
- import './index.scss';
5
- declare const InternalComboSelect: FunctionComponent<ComboSelectProps>;
6
- declare type MergedType = typeof InternalComboSelect & {
7
- TabsComboSelect: typeof TabsComboSelect;
8
- };
9
- declare const ComboSelect: MergedType;
10
- export type { ComboSelectProps, TabsComboSelectProps };
11
- export default ComboSelect;
1
+ import { FunctionComponent } from 'react';
2
+ import { ComboSelectProps } from './interface';
3
+ import TabsComboSelect, { TabsComboSelectProps } from "./WithTabsCombo";
4
+ import './index.scss';
5
+ declare const InternalComboSelect: FunctionComponent<ComboSelectProps>;
6
+ declare type MergedType = typeof InternalComboSelect & {
7
+ TabsComboSelect: typeof TabsComboSelect;
8
+ };
9
+ declare const ComboSelect: MergedType;
10
+ export type { ComboSelectProps, TabsComboSelectProps };
11
+ export default ComboSelect;