@para-ui/core 4.0.0-beta → 4.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (270) hide show
  1. package/AutoBox/index.d.ts +1 -1
  2. package/AutoBox/index.js +12 -12
  3. package/AutoTips/autoTipsMultiline/index.d.ts +1 -1
  4. package/AutoTips/index.d.ts +2 -2
  5. package/AutoTips/index.js +17 -17
  6. package/Badge/index.d.ts +23 -0
  7. package/Badge/index.js +54 -0
  8. package/Breadcrumbs/index.js +8 -8
  9. package/Button/SplitButton.d.ts +1 -1
  10. package/Button/index.d.ts +1 -1
  11. package/Button/index.js +4 -4
  12. package/Carousel/index.d.ts +6 -6
  13. package/Carousel/index.js +5 -5
  14. package/Cascader/Cascader.d.ts +10 -10
  15. package/Cascader/OptionList/Column.d.ts +3 -3
  16. package/Cascader/OptionList/index.d.ts +2 -2
  17. package/Cascader/index.d.ts +1 -1
  18. package/Cascader/index.js +5 -3
  19. package/Cascader/lang/en_US.d.ts +5 -0
  20. package/Cascader/lang/index.d.ts +11 -0
  21. package/Cascader/lang/zh_CN.d.ts +5 -0
  22. package/Cascader/utils/treeUtil.d.ts +1 -1
  23. package/Checkbox/index.d.ts +1 -1
  24. package/Checkbox/index.js +5 -5
  25. package/CheckboxGroup/index.d.ts +2 -2
  26. package/CheckboxGroup/index.js +3 -3
  27. package/Collapse/index.js +4 -4
  28. package/CollapseBox/index.js +12 -20
  29. package/CollapseLayout/index.js +20 -20
  30. package/ColorPicker/index.js +2 -2
  31. package/ComboSelect/index.js +53 -63
  32. package/ComboSelect/interface.d.ts +3 -3
  33. package/ComboSelect/utils.d.ts +5 -0
  34. package/Container/index.d.ts +3 -3
  35. package/Container/index.js +56 -56
  36. package/CopyText/index.d.ts +2 -2
  37. package/CopyText/index.js +2 -2
  38. package/DatePicker/generatePicker/index.d.ts +22 -22
  39. package/DatePicker/index.js +10 -8
  40. package/DatePicker/util.d.ts +1 -1
  41. package/Desktop/index.d.ts +1 -1
  42. package/Desktop/index.js +19 -14
  43. package/DragVerify/index.d.ts +1 -1
  44. package/DragVerify/index.js +15 -15
  45. package/Drawer/index.d.ts +2 -2
  46. package/Drawer/index.js +118 -17
  47. package/Drawer/interface.d.ts +10 -2
  48. package/Drawer/util.d.ts +6 -0
  49. package/Dropdown/index.d.ts +1 -1
  50. package/DynamicMultiBox/formItem.d.ts +1 -1
  51. package/DynamicMultiBox/index.d.ts +7 -2
  52. package/DynamicMultiBox/index.js +42 -39
  53. package/DynamicMultiBox/interface.d.ts +8 -8
  54. package/DynamicMultiBox/rowForm.d.ts +3 -1
  55. package/Empty/index.d.ts +1 -1
  56. package/Empty/index.js +2 -2
  57. package/Form/index.d.ts +12 -13
  58. package/Form/index.js +14 -12
  59. package/FormItem/compoments/defaultCompoments/index.d.ts +4 -4
  60. package/FormItem/compoments/formCheckboxGroup/index.d.ts +1 -1
  61. package/FormItem/compoments/formFile/index.d.ts +2 -2
  62. package/FormItem/compoments/formRadioGroup/index.d.ts +1 -1
  63. package/FormItem/compoments/formSelect/index.d.ts +7 -7
  64. package/FormItem/errorTips.d.ts +3 -3
  65. package/FormItem/index.d.ts +5 -5
  66. package/FormItem/index.js +7 -6
  67. package/FormItem/lang/en_US.d.ts +10 -0
  68. package/FormItem/lang/index.d.ts +21 -0
  69. package/FormItem/lang/zh_CN.d.ts +10 -0
  70. package/FormItem/validateFunction.d.ts +1 -1
  71. package/FunctionModal/dialog.d.ts +26 -26
  72. package/FunctionModal/index.d.ts +6 -6
  73. package/FunctionModal/index.js +9 -9
  74. package/FunctionModal/modalContext.d.ts +3 -3
  75. package/GlobalContext/componentsProps.d.ts +7 -7
  76. package/GlobalContext/index.d.ts +2 -2
  77. package/GlobalContext/index.js +1 -1
  78. package/GlobalContext/useFormatMessage.d.ts +1 -1
  79. package/Help/index.js +2 -2
  80. package/HelperText/index.js +1 -1
  81. package/InputLang/index.d.ts +2 -2
  82. package/InputLang/index.js +8 -8
  83. package/InputNumber/index.d.ts +2 -2
  84. package/InputNumber/index.js +4 -4
  85. package/Label/index.js +2 -2
  86. package/Loading/index.js +1 -1
  87. package/Menu/index.js +14 -14
  88. package/Menu/interface.d.ts +1 -1
  89. package/Message/index.js +12 -12
  90. package/Modal/Confirm/index.d.ts +3 -3
  91. package/Modal/index.d.ts +1 -1
  92. package/Modal/index.js +7 -7
  93. package/MultiBox/index.d.ts +2 -2
  94. package/MultiBox/index.js +11 -7
  95. package/Notification/index.js +2 -2
  96. package/OperateBtn/index.d.ts +2 -2
  97. package/OperateBtn/index.js +42 -37
  98. package/PageHeader/index.js +31 -31
  99. package/PageHeader/interface.d.ts +1 -1
  100. package/Pagination/index.d.ts +1 -1
  101. package/Pagination/index.js +17 -17
  102. package/ParauiProvider/index.js +1 -1
  103. package/PasswordRules/index.js +8 -8
  104. package/PopConfirm/index.js +4 -4
  105. package/Progress/Line.d.ts +10 -10
  106. package/Progress/Steps.d.ts +2 -2
  107. package/Progress/index.d.ts +12 -12
  108. package/Progress/index.js +40 -40
  109. package/Progress/utils.d.ts +4 -4
  110. package/Querying/index.d.ts +1 -1
  111. package/Querying/index.js +2 -2
  112. package/README.md +3 -0
  113. package/Radio/index.d.ts +1 -1
  114. package/Radio/index.js +5 -5
  115. package/RadioGroup/index.d.ts +2 -2
  116. package/RadioGroup/index.js +3 -3
  117. package/Search/index.js +2 -2
  118. package/Select/index.d.ts +3 -3
  119. package/Select/index.js +43 -43
  120. package/SelectInput/index.js +2 -2
  121. package/Selector/index.js +19 -19
  122. package/Selector/interface.d.ts +6 -6
  123. package/SelectorPicker/index.d.ts +4 -4
  124. package/SelectorPicker/index.js +12 -12
  125. package/SingleBox/index.d.ts +2 -2
  126. package/SingleBox/index.js +3 -3
  127. package/Slider/interface.d.ts +1 -1
  128. package/Status/index.d.ts +6 -4
  129. package/Status/index.js +21 -9
  130. package/Stepper/index.d.ts +5 -5
  131. package/Stepper/index.js +24 -24
  132. package/Styles/scrollbar.scss +66 -66
  133. package/Styles/theme.scss +62 -61
  134. package/Switch/index.d.ts +7 -7
  135. package/Switch/index.js +24 -6
  136. package/Switch/lang/en_US.d.ts +4 -0
  137. package/Switch/lang/index.d.ts +9 -0
  138. package/Switch/lang/zh_CN.d.ts +4 -0
  139. package/Table/index.js +36 -36
  140. package/Table/interface.d.ts +4 -4
  141. package/Table/tableBodyElement/index.d.ts +1 -1
  142. package/Table/tableBodyInterface.d.ts +2 -2
  143. package/Table/tableContainer/index.d.ts +1 -1
  144. package/Table/tableElement/index.d.ts +1 -1
  145. package/Table/tableHeadElement/index.d.ts +1 -1
  146. package/Table/tableHeadInterface.d.ts +1 -1
  147. package/Table/tablePaginationInterface.d.ts +6 -6
  148. package/Table/tdElement/index.d.ts +1 -1
  149. package/Table/thElement/index.d.ts +2 -2
  150. package/Table/trElement/index.d.ts +1 -1
  151. package/Table/util.d.ts +1 -1
  152. package/Tabs/index.d.ts +1 -1
  153. package/Tabs/index.js +26 -18
  154. package/Tag/TagGroup.d.ts +5 -5
  155. package/Tag/index.d.ts +7 -7
  156. package/Tag/index.js +33 -1207
  157. package/TextEditor/index.d.ts +2 -2
  158. package/TextEditor/index.js +45 -27
  159. package/TextEditor/lang/en_US.d.ts +4 -0
  160. package/TextEditor/lang/index.d.ts +9 -0
  161. package/TextEditor/lang/zh_CN.d.ts +4 -0
  162. package/TextField/index.d.ts +1 -1
  163. package/TextField/index.js +13 -13
  164. package/TimePicker/index.d.ts +1 -1
  165. package/TimePicker/index.js +2 -1
  166. package/Timeline/TimelineItem.d.ts +1 -1
  167. package/Timeline/index.d.ts +5 -5
  168. package/Timeline/index.js +14 -14
  169. package/Title/index.d.ts +6 -4
  170. package/Title/index.js +9 -5
  171. package/ToggleButton/ToggleButtonGroup.d.ts +1 -1
  172. package/ToggleButton/index.d.ts +5 -1
  173. package/ToggleButton/index.js +17 -10
  174. package/Tooltip/index.js +1 -1
  175. package/Transfer/box.d.ts +6 -6
  176. package/Transfer/index.js +27 -27
  177. package/Tree/OperateBar/index.d.ts +2 -2
  178. package/Tree/Tree.d.ts +2 -2
  179. package/Tree/index.js +4 -4
  180. package/Tree/interface.d.ts +8 -4
  181. package/Tree/utils/tools.d.ts +1 -1
  182. package/Upload/Dragger/index.d.ts +2 -2
  183. package/Upload/ErroTip/index.d.ts +1 -1
  184. package/Upload/index.d.ts +2 -2
  185. package/Upload/index.js +13 -13
  186. package/Upload/interface.d.ts +1 -1
  187. package/_verture/{index-5c77417d.js → index-0f315bca.js} +4 -4
  188. package/_verture/{index-e2881a53.js → index-19947788.js} +2 -2
  189. package/_verture/{index-d63bd287.js → index-232d890b.js} +1 -1
  190. package/_verture/{index-68db2bc3.js → index-92e406f4.js} +50 -26
  191. package/_verture/{index-7ec72724.js → index-bc461491.js} +45 -38
  192. package/_verture/{index-e6f85fd5.js → index-d251967e.js} +104 -47
  193. package/_verture/{modalContext-c12ca3e8.js → modalContext-9299acc9.js} +26 -26
  194. package/_verture/tinycolor-ece3542d.js +1180 -0
  195. package/_verture/{utils-f0e81540.js → utils-06d86594.js} +3 -6
  196. package/index.d.ts +2 -0
  197. package/index.js +14 -13
  198. package/locale/en-US.d.ts +19 -0
  199. package/locale/index.d.ts +38 -0
  200. package/locale/index.js +41 -3
  201. package/locale/zh-CN.d.ts +19 -0
  202. package/package.json +53 -8
  203. package/umd/AutoBox.js +2 -2
  204. package/umd/AutoTips.js +4 -4
  205. package/umd/Badge.js +1 -0
  206. package/umd/Breadcrumbs.js +2 -2
  207. package/umd/Button.js +2 -2
  208. package/umd/ButtonGroup.js +4 -4
  209. package/umd/Cascader.js +4 -4
  210. package/umd/Checkbox.js +5 -5
  211. package/umd/CheckboxGroup.js +5 -5
  212. package/umd/Collapse.js +1 -1
  213. package/umd/CollapseBox.js +1 -1
  214. package/umd/CollapseLayout.js +4 -4
  215. package/umd/ColorPicker.js +1 -1
  216. package/umd/ComboSelect.js +6 -6
  217. package/umd/CopyText.js +2 -2
  218. package/umd/DatePicker.js +2 -2
  219. package/umd/Desktop.js +2 -2
  220. package/umd/DragVerify.js +4 -4
  221. package/umd/Drawer.js +4 -4
  222. package/umd/DynamicMultiBox.js +4 -4
  223. package/umd/Form.js +4 -4
  224. package/umd/FormItem.js +4 -4
  225. package/umd/FunctionModal.js +2 -2
  226. package/umd/GlobalContext.js +1 -1
  227. package/umd/Help.js +2 -2
  228. package/umd/HelperText.js +1 -1
  229. package/umd/InputLang.js +4 -4
  230. package/umd/InputNumber.js +2 -2
  231. package/umd/Label.js +2 -2
  232. package/umd/Loading.js +1 -1
  233. package/umd/Menu.js +2 -2
  234. package/umd/Message.js +1 -1
  235. package/umd/Modal.js +2 -2
  236. package/umd/MultiBox.js +7 -7
  237. package/umd/Notification.js +2 -2
  238. package/umd/OperateBtn.js +2 -2
  239. package/umd/PageHeader.js +2 -2
  240. package/umd/Pagination.js +4 -4
  241. package/umd/ParauiProvider.js +1 -1
  242. package/umd/PasswordRules.js +3 -3
  243. package/umd/PopConfirm.js +2 -2
  244. package/umd/Popover.js +1 -1
  245. package/umd/Progress.js +1 -1
  246. package/umd/Radio.js +2 -2
  247. package/umd/RadioGroup.js +2 -2
  248. package/umd/Search.js +7 -7
  249. package/umd/Select.js +2 -2
  250. package/umd/SelectInput.js +2 -2
  251. package/umd/Selector.js +2 -2
  252. package/umd/SelectorPicker.js +2 -2
  253. package/umd/SingleBox.js +2 -2
  254. package/umd/Status.js +4 -4
  255. package/umd/Stepper.js +2 -2
  256. package/umd/Switch.js +5 -5
  257. package/umd/Table.js +6 -6
  258. package/umd/Tabs.js +4 -4
  259. package/umd/Tag.js +2 -2
  260. package/umd/TextEditor.js +3 -3
  261. package/umd/TextField.js +7 -7
  262. package/umd/TimePicker.js +2 -2
  263. package/umd/Title.js +2 -2
  264. package/umd/ToggleButton.js +4 -4
  265. package/umd/Tooltip.js +1 -1
  266. package/umd/Transfer.js +5 -5
  267. package/umd/Tree.js +7 -7
  268. package/umd/Upload.js +2 -2
  269. package/umd/locale.js +1 -1
  270. /package/_verture/{typeof-b240b062.js → typeof-c310ee4a.js} +0 -0
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import React, { FunctionComponent, ReactNode } from 'react';
7
7
  import { LabelTooltipProps } from '../Label';
8
- import { TooltipProps } from "../Tooltip";
8
+ import { TooltipProps } from '../Tooltip';
9
9
  import './index.scss';
10
10
  export interface CheckboxProps {
11
11
  /** 样式class */
package/Checkbox/index.js CHANGED
@@ -14,7 +14,7 @@ import 'rc-tooltip';
14
14
  import 'rc-tooltip/lib/placements';
15
15
  import '@para-ui/icons/Forbid';
16
16
 
17
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-checkbox {\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-v4-checkbox:hover {\n /*& > .checkbox-label {\n color: $B2;\n cursor: pointer;\n\n svg {\n color: $B2;\n }\n }\n\n // 帮组\n & > .checkbox-help {\n padding: 0 8px;\n\n & > .checkbox-label {\n color: $B2;\n cursor: pointer;\n\n svg {\n color: $B2;\n }\n }\n }*/\n}\n.paraui-v4-checkbox:hover > .checkbox-box > .checkbox-box-inner {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-checkbox > .checkbox-box {\n position: relative;\n}\n.paraui-v4-checkbox > .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-v4-checkbox > .checkbox-box > .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 rgb(212, 218, 227);\n}\n.paraui-v4-checkbox > .checkbox-box > .checkbox-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n}\n.paraui-v4-checkbox > .checkbox-label {\n color: rgb(29, 33, 38);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-checkbox > .checkbox-label > .checkbox-help > svg {\n top: 0;\n}\n.paraui-v4-checkbox .checkbox-label {\n line-height: 16px;\n}\n.paraui-v4-checkbox > .checkbox-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n overflow: hidden;\n}\n.paraui-v4-checkbox > .checkbox-help > .checkbox-label {\n width: 100%;\n color: rgb(29, 33, 38);\n margin: 0;\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(87, 131, 235);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .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-v4-checkbox.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(87, 131, 235);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > input {\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}";
17
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-checkbox {\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-v4-checkbox:hover {\n /*& > .checkbox-label {\n color: $NB2;\n cursor: pointer;\n\n svg {\n color: $NB2;\n }\n }\n\n // 帮组\n & > .checkbox-help {\n padding: 0 8px;\n\n & > .checkbox-label {\n color: $NB2;\n cursor: pointer;\n\n svg {\n color: $NB2;\n }\n }\n }*/\n}\n.paraui-v4-checkbox:hover > .checkbox-box > .checkbox-box-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-checkbox > .checkbox-box {\n position: relative;\n}\n.paraui-v4-checkbox > .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-v4-checkbox > .checkbox-box > .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 rgb(212, 218, 227);\n}\n.paraui-v4-checkbox > .checkbox-box > .checkbox-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n}\n.paraui-v4-checkbox > .checkbox-label {\n color: rgb(29, 33, 38);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-checkbox > .checkbox-label > .checkbox-help > svg {\n top: 0;\n}\n.paraui-v4-checkbox .checkbox-label {\n line-height: 16px;\n}\n.paraui-v4-checkbox > .checkbox-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n overflow: hidden;\n}\n.paraui-v4-checkbox > .checkbox-help > .checkbox-label {\n width: 100%;\n color: rgb(29, 33, 38);\n margin: 0;\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-checked > .checkbox-box > .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-v4-checkbox.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(46, 101, 230);\n border-color: transparent;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-help > .checkbox-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > input {\n cursor: not-allowed;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n border-color: rgb(255, 255, 255);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate:hover > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner {\n background-color: rgb(212, 218, 227);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-disabled.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-small.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-medium.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box {\n top: 1px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large > .checkbox-box > .checkbox-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-checked > .checkbox-box > .checkbox-box-inner:after {\n top: 45%;\n left: 21%;\n width: 4px;\n height: 7px;\n}\n.paraui-v4-checkbox.paraui-v4-checkbox-large.paraui-v4-checkbox-indeterminate > .checkbox-box > .checkbox-box-inner:after {\n width: 8px;\n height: 1px;\n}";
18
18
  styleInject(css_248z);
19
19
 
20
20
  var Checkbox = function Checkbox(props) {
@@ -60,8 +60,8 @@ var Checkbox = function Checkbox(props) {
60
60
  };
61
61
  // 处理class
62
62
  var handClass = function handClass() {
63
- var str = $prefixCls + '-checkbox';
64
- if (className) str += ' ' + className;
63
+ var str = "".concat($prefixCls, "-checkbox");
64
+ if (className) str += " ".concat(className);
65
65
  if (size) str += " ".concat($prefixCls, "-checkbox-").concat(size);
66
66
  if (disabled) str += " ".concat($prefixCls, "-checkbox-disabled");
67
67
  if (indeterminate) str += " ".concat($prefixCls, "-checkbox-indeterminate");else if (checkedCom) str += " ".concat($prefixCls, "-checkbox-checked");
@@ -73,7 +73,7 @@ var Checkbox = function Checkbox(props) {
73
73
  var handLabelClass = function handLabelClass() {
74
74
  var str = 'checkbox-label';
75
75
  if (labelTooltip && labelTooltip.className) {
76
- str += ' ' + labelTooltip.className;
76
+ str += " ".concat(labelTooltip.className);
77
77
  }
78
78
  return str;
79
79
  };
@@ -81,7 +81,7 @@ var Checkbox = function Checkbox(props) {
81
81
  var handHelpClassName = function handHelpClassName() {
82
82
  var str = ' checkbox-help';
83
83
  if (labelTooltip && labelTooltip.helpClassName) {
84
- str += ' ' + labelTooltip.helpClassName;
84
+ str += " ".concat(labelTooltip.helpClassName);
85
85
  }
86
86
  return str;
87
87
  };
@@ -5,8 +5,8 @@
5
5
  */
6
6
  import React, { FunctionComponent, ReactNode } from 'react';
7
7
  import { CheckboxProps } from '../Checkbox';
8
- import { LabelTooltipProps } from "../Label";
9
- import { HelperTextDetailProps } from "../HelperText";
8
+ import { LabelTooltipProps } from '../Label';
9
+ import { HelperTextDetailProps } from '../HelperText';
10
10
  import './index.scss';
11
11
  export interface CheckboxListProps extends CheckboxProps {
12
12
  [name: string]: any;
@@ -82,7 +82,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
82
82
  var handLabelClass = function handLabelClass() {
83
83
  var str = 'checkbox-group-label';
84
84
  if (labelTooltip && labelTooltip.className) {
85
- str += ' ' + labelTooltip.className;
85
+ str += " ".concat(labelTooltip.className);
86
86
  }
87
87
  return str;
88
88
  };
@@ -111,8 +111,8 @@ var CheckboxGroup = function CheckboxGroup(props) {
111
111
  };
112
112
  // 处理class
113
113
  var handClass = function handClass() {
114
- var str = $prefixCls + '-checkbox-group';
115
- if (className) str += ' ' + className;
114
+ var str = "".concat($prefixCls, "-checkbox-group");
115
+ if (className) str += " ".concat(className);
116
116
  if (size) str += " ".concat($prefixCls, "-checkbox-group-").concat(size);
117
117
  if (error) str += " ".concat($prefixCls, "-checkbox-group-error");
118
118
  if (disabled) str += " ".concat($prefixCls, "-checkbox-group-disabled");
package/Collapse/index.js CHANGED
@@ -19,7 +19,7 @@ var CollapsePanelProps = function CollapsePanelProps(props) {
19
19
  };
20
20
  return jsx(RcCollapse.Panel, Object.assign({}, props, {
21
21
  className: handClass(),
22
- prefixCls: $rcPrefixCls + '-collapse'
22
+ prefixCls: "".concat($rcPrefixCls, "-collapse")
23
23
  }));
24
24
  };
25
25
 
@@ -127,8 +127,8 @@ var Collapse = function Collapse(props) {
127
127
  };
128
128
  /** 处理className */
129
129
  var handClass = function handClass() {
130
- var str = $prefixCls + '-collapse';
131
- if (className) str += ' ' + className;
130
+ var str = "".concat($prefixCls, "-collapse");
131
+ if (className) str += " ".concat(className);
132
132
  if (expandIconPosition) str += " ".concat($prefixCls, "-collapse-svg-").concat(expandIconPosition);
133
133
  return str;
134
134
  };
@@ -141,7 +141,7 @@ var Collapse = function Collapse(props) {
141
141
  openMotion: openMotion
142
142
  }, props, {
143
143
  expandIcon: renderExpandIcon,
144
- prefixCls: $rcPrefixCls + '-collapse',
144
+ prefixCls: "".concat($rcPrefixCls, "-collapse"),
145
145
  className: handClass()
146
146
  }, {
147
147
  children: getItems()
@@ -42,19 +42,11 @@ var CollapseBox = function CollapseBox(props) {
42
42
  useEffect(function () {
43
43
  setInProp(open);
44
44
  }, [open]);
45
- // 处理节点
46
- var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
47
- return function (nodeOrAppearing) {
48
- if (callback) {
49
- callback(nodeOrAppearing);
50
- }
51
- };
52
- };
53
45
  // 下拉
54
- var handleEnter = normalizedTransitionCallback(function (node) {
46
+ var handleEnter = function handleEnter(node) {
55
47
  node.style.height = collapsedHeight;
56
- });
57
- var handleEntering = normalizedTransitionCallback(function (node) {
48
+ };
49
+ var handleEntering = function handleEntering(node) {
58
50
  var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
59
51
  var _getTransitionProps = getTransitionProps({
60
52
  style: style,
@@ -71,16 +63,16 @@ var CollapseBox = function CollapseBox(props) {
71
63
  node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
72
64
  }
73
65
  node.style.height = "".concat(wrapperHeight, "px");
74
- });
75
- var handleEntered = normalizedTransitionCallback(function (node) {
66
+ };
67
+ var handleEntered = function handleEntered(node) {
76
68
  node.style.height = 'auto';
77
- });
69
+ };
78
70
  // 收起
79
- var handleExit = normalizedTransitionCallback(function (node) {
71
+ var handleExit = function handleExit(node) {
80
72
  var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
81
73
  node.style.height = "".concat(wrapperHeight, "px");
82
- });
83
- var handleExiting = normalizedTransitionCallback(function (node) {
74
+ };
75
+ var handleExiting = function handleExiting(node) {
84
76
  var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
85
77
  var _getTransitionProps2 = getTransitionProps({
86
78
  style: style,
@@ -97,15 +89,15 @@ var CollapseBox = function CollapseBox(props) {
97
89
  node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
98
90
  }
99
91
  node.style.height = collapsedHeight;
100
- });
92
+ };
101
93
  // 完成下拉/收起回调
102
94
  var addEndListener = function addEndListener(nodeOrNext, maybeNext) {
103
95
  timer.current = setTimeout(maybeNext, autoTransitionDuration.current || 0);
104
96
  };
105
97
  // 处理className
106
98
  var handClass = function handClass(state) {
107
- var str = $prefixCls + '-collapse-box';
108
- if (className) str += ' ' + className;
99
+ var str = "".concat($prefixCls, "-collapse-box");
100
+ if (className) str += " ".concat(className);
109
101
  if (state === 'entered') str += " ".concat($prefixCls, "-collapse-box-entered");
110
102
  if (state === 'exited' && !inProp && collapsedHeight === '0px') str += " ".concat($prefixCls, "-collapse-box-hidden");
111
103
  return str;
@@ -102,7 +102,7 @@ var CollapseLayout = function CollapseLayout(props) {
102
102
  // 计算方位
103
103
  var hangWH = function hangWH() {
104
104
  var wH = 'width';
105
- if (type === "top" || type === "bottom") {
105
+ if (type === 'top' || type === 'bottom') {
106
106
  wH = 'height';
107
107
  }
108
108
  return wH;
@@ -113,7 +113,7 @@ var CollapseLayout = function CollapseLayout(props) {
113
113
  var collapseL = (showBox ? constData.current.zoomLength : 0) + unit; // 收缩长度
114
114
  var wH = hangWH();
115
115
  json[wH] = collapseL;
116
- json['transitionDuration'] = duration + 'ms';
116
+ json['transitionDuration'] = "".concat(duration, "ms");
117
117
  return json;
118
118
  };
119
119
  // 收缩容器的样式,里面的样式
@@ -123,7 +123,7 @@ var CollapseLayout = function CollapseLayout(props) {
123
123
  var wH = hangWH();
124
124
  json[wH] = constData.current.zoomLength + unit;
125
125
  json[direction] = (showBox ? 0 : constData.current.zoomLength) + unit;
126
- json['transitionDuration'] = duration + 'ms';
126
+ json['transitionDuration'] = "".concat(duration, "ms");
127
127
  return json;
128
128
  };
129
129
  // 自适应容器的样式
@@ -134,14 +134,14 @@ var CollapseLayout = function CollapseLayout(props) {
134
134
  json[wH] = "calc(100% - ".concat(collapseL + spacing).concat(unit);
135
135
  var direction = "margin".concat(formatterType(type));
136
136
  json[direction] = spacing + unit;
137
- json['transitionDuration'] = duration + 'ms';
137
+ json['transitionDuration'] = "".concat(duration, "ms");
138
138
  return json;
139
139
  };
140
140
  // 布局
141
141
  var Layout = function Layout() {
142
142
  return typeConfig.layout[type].map(function (key, idx) {
143
143
  switch (key) {
144
- case "display":
144
+ case 'display':
145
145
  // 可收缩的
146
146
  return jsx("div", Object.assign({
147
147
  className: "collapse-layout-display",
@@ -191,7 +191,7 @@ var CollapseLayout = function CollapseLayout(props) {
191
191
  constData.current.comRefDomRect = comRefDomRect;
192
192
  comRefDom.classList.add("".concat($prefixCls, "-collapse-layout-move"));
193
193
  window.addEventListener('mousemove', onmousemove);
194
- window.addEventListener("mouseup", onmouseup);
194
+ window.addEventListener('mouseup', onmouseup);
195
195
  };
196
196
  /** 鼠标移动 */
197
197
  var onmousemove = function onmousemove(e) {
@@ -207,40 +207,40 @@ var CollapseLayout = function CollapseLayout(props) {
207
207
  var moveX = e.pageX - constData.current.downPos.pageX;
208
208
  var widthHand = displayRefOutsideDomRect.width + moveX;
209
209
  if (comRefDomRect.width - widthHand < minDragLength || widthHand < minDragLength) return;
210
- displayRefOutsideDom.style.width = widthHand + 'px';
211
- displayRefDom.style.width = widthHand + 'px';
210
+ displayRefOutsideDom.style.width = "".concat(widthHand, "px");
211
+ displayRefDom.style.width = "".concat(widthHand, "px");
212
212
  defaultRefDom.style.width = "calc(100% - ".concat(widthHand, "px)");
213
- btnRefDom.style.left = widthHand + 'px';
213
+ btnRefDom.style.left = "".concat(widthHand, "px");
214
214
  constData.current.zoomLength = widthHand;
215
215
  break;
216
216
  case 'right':
217
217
  var moveXR = e.pageX - constData.current.downPos.pageX;
218
218
  var widthHandR = displayRefOutsideDomRect.width - moveXR;
219
219
  if (comRefDomRect.width - widthHandR < minDragLength || widthHandR < minDragLength) return;
220
- displayRefOutsideDom.style.width = widthHandR + 'px';
221
- displayRefDom.style.width = widthHandR + 'px';
220
+ displayRefOutsideDom.style.width = "".concat(widthHandR, "px");
221
+ displayRefDom.style.width = "".concat(widthHandR, "px");
222
222
  defaultRefDom.style.width = "calc(100% - ".concat(widthHandR, "px)");
223
- btnRefDom.style.right = widthHandR + 'px';
223
+ btnRefDom.style.right = "".concat(widthHandR, "px");
224
224
  constData.current.zoomLength = widthHandR;
225
225
  break;
226
226
  case 'top':
227
227
  var moveY = e.pageY - constData.current.downPos.pageY;
228
228
  var heightHand = displayRefOutsideDomRect.height + moveY;
229
229
  if (comRefDomRect.height - heightHand < minDragLength || heightHand < minDragLength) return;
230
- displayRefOutsideDom.style.height = heightHand + 'px';
231
- displayRefDom.style.height = heightHand + 'px';
230
+ displayRefOutsideDom.style.height = "".concat(heightHand, "px");
231
+ displayRefDom.style.height = "".concat(heightHand, "px");
232
232
  defaultRefDom.style.height = "calc(100% - ".concat(heightHand, "px)");
233
- btnRefDom.style.top = heightHand + 'px';
233
+ btnRefDom.style.top = "".concat(heightHand, "px");
234
234
  constData.current.zoomLength = heightHand;
235
235
  break;
236
236
  case 'bottom':
237
237
  var moveYB = e.pageY - constData.current.downPos.pageY;
238
238
  var heightHandB = displayRefOutsideDomRect.height - moveYB;
239
239
  if (comRefDomRect.height - heightHandB < minDragLength || heightHandB < minDragLength) return;
240
- displayRefOutsideDom.style.height = heightHandB + 'px';
241
- displayRefDom.style.height = heightHandB + 'px';
240
+ displayRefOutsideDom.style.height = "".concat(heightHandB, "px");
241
+ displayRefDom.style.height = "".concat(heightHandB, "px");
242
242
  defaultRefDom.style.height = "calc(100% - ".concat(heightHandB, "px)");
243
- btnRefDom.style.bottom = heightHandB + 'px';
243
+ btnRefDom.style.bottom = "".concat(heightHandB, "px");
244
244
  constData.current.zoomLength = heightHandB;
245
245
  break;
246
246
  }
@@ -250,7 +250,7 @@ var CollapseLayout = function CollapseLayout(props) {
250
250
  var comRefDom = comRef.current;
251
251
  comRefDom.classList.remove("".concat($prefixCls, "-collapse-layout-move"));
252
252
  window.removeEventListener('mousemove', onmousemove);
253
- window.removeEventListener("mouseup", onmouseup);
253
+ window.removeEventListener('mouseup', onmouseup);
254
254
  };
255
255
  /**
256
256
  * 展开收起按钮
@@ -263,7 +263,7 @@ var CollapseLayout = function CollapseLayout(props) {
263
263
  var computeLabel = showBox ? showLabel : hideLabel;
264
264
  return jsxs("div", Object.assign({
265
265
  className: "collapse-layout-click collapse-layout-click-label-".concat(!!computeLabel),
266
- style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", duration + 'ms'), _style),
266
+ style: (_style = {}, _defineProperty(_style, type, "".concat(showBox ? constData.current.zoomLength : 0).concat(unit)), _defineProperty(_style, "transitionDuration", "".concat(duration, "ms")), _style),
267
267
  ref: btnRef
268
268
  }, {
269
269
  children: [jsxs("div", Object.assign({
@@ -1,5 +1,5 @@
1
- import { S as SketchPicker } from '../_verture/index-5c77417d.js';
2
- export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-5c77417d.js';
1
+ import { S as SketchPicker } from '../_verture/index-0f315bca.js';
2
+ export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-0f315bca.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react-color';
5
5
  import 'clsx';