@para-ui/core 4.0.0-rc → 4.0.0-rc.2

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 (266) 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 +15 -21
  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 +8 -38
  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 +4 -2
  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 +4 -4
  27. package/Collapse/index.js +5 -5
  28. package/CollapseBox/index.js +12 -20
  29. package/CollapseLayout/index.js +21 -21
  30. package/ColorPicker/index.js +2 -2
  31. package/ComboSelect/index.js +43 -52
  32. package/ComboSelect/interface.d.ts +3 -3
  33. package/Container/index.d.ts +3 -3
  34. package/Container/index.js +56 -56
  35. package/CopyText/index.d.ts +2 -2
  36. package/CopyText/index.js +3 -3
  37. package/DatePicker/generatePicker/index.d.ts +22 -22
  38. package/DatePicker/index.js +10 -9
  39. package/DatePicker/util.d.ts +1 -1
  40. package/Descriptions/index.d.ts +38 -0
  41. package/Descriptions/index.js +23 -0
  42. package/Desktop/index.d.ts +1 -1
  43. package/Desktop/index.js +18 -13
  44. package/DragVerify/index.d.ts +1 -1
  45. package/DragVerify/index.js +13 -13
  46. package/Drawer/index.js +40 -38
  47. package/Drawer/interface.d.ts +4 -6
  48. package/Dropdown/index.d.ts +1 -1
  49. package/DynamicMultiBox/formItem.d.ts +1 -1
  50. package/DynamicMultiBox/index.d.ts +1 -1
  51. package/DynamicMultiBox/index.js +38 -35
  52. package/DynamicMultiBox/interface.d.ts +8 -8
  53. package/DynamicMultiBox/rowForm.d.ts +3 -1
  54. package/Empty/index.d.ts +1 -1
  55. package/Empty/index.js +3 -3
  56. package/Form/index.d.ts +12 -13
  57. package/Form/index.js +10 -8
  58. package/FormItem/compoments/defaultCompoments/index.d.ts +4 -4
  59. package/FormItem/compoments/formCheckboxGroup/index.d.ts +1 -1
  60. package/FormItem/compoments/formFile/index.d.ts +2 -2
  61. package/FormItem/compoments/formRadioGroup/index.d.ts +1 -1
  62. package/FormItem/compoments/formSelect/index.d.ts +7 -7
  63. package/FormItem/errorTips.d.ts +3 -3
  64. package/FormItem/index.d.ts +5 -5
  65. package/FormItem/index.js +3 -2
  66. package/FormItem/lang/en_US.d.ts +10 -0
  67. package/FormItem/lang/index.d.ts +21 -0
  68. package/FormItem/lang/zh_CN.d.ts +10 -0
  69. package/FormItem/validateFunction.d.ts +1 -1
  70. package/FunctionModal/dialog.d.ts +26 -26
  71. package/FunctionModal/index.d.ts +6 -6
  72. package/FunctionModal/index.js +9 -10
  73. package/FunctionModal/modalContext.d.ts +3 -3
  74. package/GlobalContext/componentsProps.d.ts +7 -7
  75. package/GlobalContext/confirmLocale.d.ts +1 -2
  76. package/GlobalContext/index.d.ts +2 -2
  77. package/GlobalContext/index.js +3 -2
  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 +4 -2
  84. package/InputNumber/index.js +27 -15
  85. package/Label/index.js +2 -2
  86. package/Loading/index.js +1 -1
  87. package/Menu/index.js +17 -17
  88. package/Menu/interface.d.ts +1 -1
  89. package/Message/index.js +13 -13
  90. package/Modal/Confirm/index.d.ts +3 -3
  91. package/Modal/index.d.ts +1 -1
  92. package/Modal/index.js +20 -17
  93. package/Modal/lang/index.d.ts +8 -0
  94. package/MultiBox/index.d.ts +2 -2
  95. package/MultiBox/index.js +4 -4
  96. package/Notification/index.js +2 -2
  97. package/OperateBtn/index.d.ts +2 -2
  98. package/OperateBtn/index.js +49 -49
  99. package/PageHeader/index.js +45 -34
  100. package/PageHeader/interface.d.ts +1 -1
  101. package/Pagination/index.d.ts +1 -1
  102. package/Pagination/index.js +19 -19
  103. package/PasswordRules/index.js +8 -8
  104. package/PopConfirm/index.js +8 -7
  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 +43 -42
  109. package/Progress/utils.d.ts +4 -4
  110. package/Querying/index.d.ts +1 -1
  111. package/Querying/index.js +3 -3
  112. package/README.md +7 -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 +4 -4
  117. package/Search/index.js +1 -1
  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 +26 -34
  122. package/Selector/interface.d.ts +6 -6
  123. package/SelectorPicker/index.d.ts +4 -4
  124. package/SelectorPicker/index.js +10 -10
  125. package/SingleBox/index.d.ts +2 -2
  126. package/SingleBox/index.js +4 -4
  127. package/Slider/index.js +1 -1
  128. package/Slider/interface.d.ts +1 -1
  129. package/Status/index.d.ts +4 -4
  130. package/Status/index.js +6 -7
  131. package/Stepper/index.d.ts +5 -5
  132. package/Stepper/index.js +23 -23
  133. package/Styles/theme.scss +1 -0
  134. package/Switch/index.d.ts +7 -7
  135. package/Switch/index.js +38 -21
  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 +35 -35
  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 +27 -19
  154. package/Tag/TagGroup.d.ts +5 -5
  155. package/Tag/index.d.ts +7 -7
  156. package/Tag/index.js +25 -25
  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 +19 -16
  164. package/TimePicker/index.d.ts +1 -1
  165. package/TimePicker/index.js +2 -2
  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 +4 -4
  170. package/Title/index.js +3 -3
  171. package/ToggleButton/ToggleButtonGroup.d.ts +1 -1
  172. package/ToggleButton/index.d.ts +5 -1
  173. package/ToggleButton/index.js +18 -11
  174. package/Transfer/box.d.ts +6 -6
  175. package/Transfer/index.js +22 -25
  176. package/Tree/OperateBar/index.d.ts +4 -4
  177. package/Tree/Tree.d.ts +2 -2
  178. package/Tree/index.js +2 -2
  179. package/Tree/interface.d.ts +4 -4
  180. package/Tree/utils/tools.d.ts +1 -1
  181. package/Upload/Dragger/index.d.ts +2 -2
  182. package/Upload/ErroTip/index.d.ts +1 -1
  183. package/Upload/index.d.ts +2 -2
  184. package/Upload/index.js +10 -11
  185. package/Upload/interface.d.ts +1 -1
  186. package/_verture/{index-8469865e.js → index-024bbc9b.js} +3 -3
  187. package/_verture/{index-19947788.js → index-05f7bf11.js} +3 -1
  188. package/_verture/{index-e1b800aa.js → index-50f56891.js} +49 -25
  189. package/_verture/{index-1c8d3e94.js → index-649b450f.js} +102 -48
  190. package/_verture/{index-47297a40.js → index-692e29c1.js} +53 -46
  191. package/_verture/{modalContext-670eab09.js → modalContext-11c51a45.js} +25 -25
  192. package/index.d.ts +4 -0
  193. package/index.js +14 -11
  194. package/locale/en-US.d.ts +19 -0
  195. package/locale/index.d.ts +38 -0
  196. package/locale/index.js +40 -2
  197. package/locale/zh-CN.d.ts +19 -0
  198. package/package.json +4 -2
  199. package/umd/AutoBox.js +1 -1
  200. package/umd/AutoTips.js +1 -1
  201. package/umd/Badge.js +1 -0
  202. package/umd/Breadcrumbs.js +1 -1
  203. package/umd/Button.js +2 -2
  204. package/umd/ButtonGroup.js +2 -2
  205. package/umd/Cascader.js +4 -4
  206. package/umd/Checkbox.js +2 -2
  207. package/umd/CheckboxGroup.js +2 -2
  208. package/umd/Collapse.js +5 -5
  209. package/umd/CollapseBox.js +1 -1
  210. package/umd/CollapseLayout.js +4 -4
  211. package/umd/ColorPicker.js +1 -1
  212. package/umd/ComboSelect.js +4 -4
  213. package/umd/CopyText.js +2 -2
  214. package/umd/DatePicker.js +2 -2
  215. package/umd/Descriptions.js +1 -0
  216. package/umd/Desktop.js +2 -2
  217. package/umd/DragVerify.js +4 -4
  218. package/umd/Drawer.js +2 -2
  219. package/umd/DynamicMultiBox.js +4 -4
  220. package/umd/Empty.js +1 -1
  221. package/umd/Form.js +4 -4
  222. package/umd/FormItem.js +4 -4
  223. package/umd/FunctionModal.js +4 -4
  224. package/umd/GlobalContext.js +1 -1
  225. package/umd/Help.js +2 -2
  226. package/umd/HelperText.js +1 -1
  227. package/umd/InputLang.js +2 -2
  228. package/umd/InputNumber.js +4 -4
  229. package/umd/Label.js +2 -2
  230. package/umd/Loading.js +1 -1
  231. package/umd/Menu.js +3 -3
  232. package/umd/Message.js +2 -2
  233. package/umd/Modal.js +4 -4
  234. package/umd/MultiBox.js +7 -7
  235. package/umd/Notification.js +2 -2
  236. package/umd/OperateBtn.js +4 -4
  237. package/umd/PageHeader.js +4 -4
  238. package/umd/Pagination.js +2 -2
  239. package/umd/PasswordRules.js +4 -4
  240. package/umd/PopConfirm.js +2 -2
  241. package/umd/Progress.js +3 -3
  242. package/umd/Querying.js +1 -1
  243. package/umd/Radio.js +2 -2
  244. package/umd/RadioGroup.js +2 -2
  245. package/umd/Search.js +7 -7
  246. package/umd/Select.js +2 -2
  247. package/umd/SelectInput.js +2 -2
  248. package/umd/Selector.js +2 -2
  249. package/umd/SelectorPicker.js +2 -2
  250. package/umd/SingleBox.js +2 -2
  251. package/umd/Slider.js +1 -1
  252. package/umd/Status.js +2 -2
  253. package/umd/Stepper.js +1 -1
  254. package/umd/Switch.js +5 -5
  255. package/umd/Table.js +6 -6
  256. package/umd/Tabs.js +6 -6
  257. package/umd/Tag.js +1 -1
  258. package/umd/TextEditor.js +3 -3
  259. package/umd/TextField.js +7 -7
  260. package/umd/TimePicker.js +2 -2
  261. package/umd/Title.js +7 -7
  262. package/umd/ToggleButton.js +4 -4
  263. package/umd/Transfer.js +3 -3
  264. package/umd/Tree.js +2 -2
  265. package/umd/Upload.js +2 -2
  266. package/umd/locale.js +1 -1
package/Cascader/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import Cascader from './Cascader';
2
2
  import './index.scss';
3
- export type { CascaderProps, FieldNames, ShowSearchType, DefaultOptionType, BaseOptionType, SingleCascaderProps, MultipleCascaderProps, } from './Cascader';
3
+ export type { CascaderProps, FieldNames, ShowSearchType, DefaultOptionType, BaseOptionType, SingleCascaderProps, MultipleCascaderProps } from './Cascader';
4
4
  export default Cascader;
package/Cascader/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { C as Cascader } from '../_verture/index-e1b800aa.js';
2
- export { C as default } from '../_verture/index-e1b800aa.js';
1
+ import { C as Cascader } from '../_verture/index-50f56891.js';
2
+ export { C as default } from '../_verture/index-50f56891.js';
3
3
  import '../_verture/defineProperty-1d116156.js';
4
4
  import '../_verture/typeof-adeedc13.js';
5
5
  import '../_verture/toConsumableArray-8f4c9589.js';
@@ -27,3 +27,5 @@ import '@para-ui/icons';
27
27
  import '@para-ui/icons/LoadingF';
28
28
  import '../AutoTips/index.js';
29
29
  import '@paraview/lib';
30
+ import '../_verture/useFormatMessage-703f8b20.js';
31
+ import '@para-ui/core/GlobalContext';
package/Cascader/lang/en_US.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ placeholder: string;
3
+ disableTilte: string;
4
+ };
5
+ export default _default;
package/Cascader/lang/index.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ declare const _default: {
2
+ zh: {
3
+ placeholder: string;
4
+ disableTilte: string;
5
+ };
6
+ en: {
7
+ placeholder: string;
8
+ disableTilte: string;
9
+ };
10
+ };
11
+ export default _default;
package/Cascader/lang/zh_CN.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ placeholder: string;
3
+ disableTilte: string;
4
+ };
5
+ export default _default;
package/Cascader/utils/treeUtil.d.ts CHANGED
@@ -28,7 +28,7 @@ export declare function toPathOptions(valueCells: SingleValueType, options: Defa
28
28
  index: number;
29
29
  option: DefaultOptionType;
30
30
  }[];
31
- export declare function convertDataToEntities(dataNodes: DataNode[], { initWrapper, processEntity, onProcessFinished, externalGetKey, childrenPropName, fieldNames, }?: {
31
+ export declare function convertDataToEntities(dataNodes: DataNode[], { initWrapper, processEntity, onProcessFinished, externalGetKey, childrenPropName, fieldNames }?: {
32
32
  initWrapper?: (wrapper: any) => Wrapper;
33
33
  processEntity?: (entity: DataEntity, wrapper: Wrapper) => void;
34
34
  onProcessFinished?: (wrapper: Wrapper) => void;
package/Checkbox/index.d.ts CHANGED
@@ -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: $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}";
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(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(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
  };
package/CheckboxGroup/index.d.ts CHANGED
@@ -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;
package/CheckboxGroup/index.js CHANGED
@@ -25,7 +25,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
25
25
  label = _props$label === void 0 ? '' : _props$label,
26
26
  labelTooltip = props.labelTooltip,
27
27
  _props$spacing = props.spacing,
28
- spacing = _props$spacing === void 0 ? '40px' : _props$spacing,
28
+ spacing = _props$spacing === void 0 ? '32px' : _props$spacing,
29
29
  itemWidth = props.itemWidth,
30
30
  _props$size = props.size,
31
31
  size = _props$size === void 0 ? 'large' : _props$size,
@@ -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
 
@@ -85,7 +85,7 @@ var collapseMotion = {
85
85
  motionDeadline: 500
86
86
  };
87
87
 
88
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse {\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 background-color: white;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-collapse .collapse-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}\n.paraui-v4-collapse > .component-collapse-item {\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header {\n display: flex;\n align-items: center;\n padding: 10px 20px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n font-weight: 700;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box {\n line-height: 0;\n margin-right: 8px;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n transition: all 0.3s, visibility 0s;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .component-collapse-extra {\n line-height: 0;\n margin-left: auto;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .component-collapse-extra svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-content.collapse-content-hidden {\n display: none;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-content > .component-collapse-content-box {\n padding: 0 20px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-collapse > .component-collapse-item.component-collapse-item-active > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n transform: rotate(90deg);\n}\n.paraui-v4-collapse.paraui-v4-collapse-svg-right > .component-collapse-item > .component-collapse-header {\n padding-right: 40px;\n position: relative;\n}\n.paraui-v4-collapse.paraui-v4-collapse-svg-right > .component-collapse-item > .component-collapse-header > .collapse-svg-box {\n position: absolute;\n right: 20px;\n display: flex;\n align-items: center;\n margin-right: 0;\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header {\n color: rgb(29, 33, 38);\n cursor: not-allowed;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .component-collapse-extra svg {\n color: rgb(29, 33, 38);\n}";
88
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse {\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 background-color: white;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-collapse .collapse-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}\n.paraui-v4-collapse > .component-collapse-item {\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header {\n display: flex;\n align-items: center;\n padding: 10px 20px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n font-weight: 700;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box {\n line-height: 0;\n margin-right: 8px;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n transition: all 0.3s, visibility 0s;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .component-collapse-extra {\n line-height: 0;\n margin-left: auto;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-header > .component-collapse-extra svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-content.collapse-content-hidden {\n display: none;\n}\n.paraui-v4-collapse > .component-collapse-item > .component-collapse-content > .component-collapse-content-box {\n padding: 0 20px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-collapse > .component-collapse-item.component-collapse-item-active > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n transform: rotate(90deg);\n}\n.paraui-v4-collapse.paraui-v4-collapse-svg-right > .component-collapse-item > .component-collapse-header {\n padding-right: 40px;\n position: relative;\n}\n.paraui-v4-collapse.paraui-v4-collapse-svg-right > .component-collapse-item > .component-collapse-header > .collapse-svg-box {\n position: absolute;\n right: 20px;\n display: flex;\n align-items: center;\n margin-right: 0;\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header {\n color: rgb(29, 33, 38);\n cursor: not-allowed;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box svg:hover {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .collapse-svg-box .collapse-expand-svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-collapse > .component-collapse-item-disabled > .component-collapse-header > .component-collapse-extra svg {\n color: rgb(29, 33, 38);\n}";
89
89
  styleInject(css_248z);
90
90
 
91
91
  var Collapse = function Collapse(props) {
@@ -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()
package/CollapseBox/index.js CHANGED
@@ -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;
package/CollapseLayout/index.js CHANGED
@@ -11,7 +11,7 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
11
11
  import '../_verture/typeof-adeedc13.js';
12
12
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
13
13
 
14
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse-layout {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-top {\n transform: rotate(90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-bottom {\n transform: rotate(-90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-right {\n transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-display {\n overflow: hidden;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click {\n position: absolute;\n z-index: 1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click span {\n font-size: 12px;\n font-weight: 400;\n text-align: center;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n z-index: 11;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n display: none;\n cursor: no-drop;\n z-index: 10;\n position: absolute;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n position: absolute;\n content: \"\";\n background: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move {\n user-select: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after {\n background: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-default {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line {\n display: inline-block;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n right: -1px;\n position: absolute;\n top: 50%;\n left: \"\";\n width: 20px;\n height: 70px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 4px 0 0 4px;\n border-right: 1px solid rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n transition-property: margin-right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn {\n position: absolute;\n top: 50%;\n left: 0;\n width: 20px;\n height: 70px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-left: 1px solid rgb(46, 101, 230);\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow {\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > div {\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-default {\n transition: width;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click {\n flex-direction: column;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n transform: translateY(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line {\n width: 10px;\n height: 100%;\n left: 100%;\n top: 0;\n transform: translateX(-50%);\n cursor: col-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after {\n left: 5px;\n width: 1px;\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn {\n position: absolute;\n top: 0;\n left: 50%;\n width: 70px;\n height: 20px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: top;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-top: 1px solid rgb(46, 101, 230);\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow {\n transition-property: margin-top;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n position: absolute;\n top: \"\";\n left: 50%;\n width: 70px;\n height: 20px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n bottom: -1px;\n border-bottom: 1px solid rgb(46, 101, 230);\n border-radius: 4px 4px 0 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n transition-property: margin-bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > div {\n display: block;\n width: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-default {\n transition-property: height;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n width: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n transform: translateX(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n width: 100%;\n height: 10px;\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n cursor: row-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n top: 5px;\n height: 1px;\n width: 100%;\n}";
14
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-collapse-layout {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-top {\n transform: rotate(90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-bottom {\n transform: rotate(-90deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-icon-transform-right {\n transform: rotate(180deg);\n}\n.paraui-v4-collapse-layout .collapse-layout-display {\n overflow: hidden;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click {\n position: absolute;\n z-index: 1;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click span, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click span {\n font-size: 12px;\n font-weight: 400;\n text-align: center;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n z-index: 11;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn svg, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn svg {\n font-size: 14px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n display: none;\n cursor: no-drop;\n z-index: 10;\n position: absolute;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n position: absolute;\n content: \"\";\n background: rgb(234, 236, 241);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move {\n user-select: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .switch-btn {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-click .drag-line:after {\n background: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-display .collapse-layout-display-shadow {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-move .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-move .collapse-layout-default {\n transition: none !important;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true .collapse-layout-click .drag-line {\n display: inline-block;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n right: -1px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-top.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom.paraui-v4-collapse-layout-true.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n bottom: -1px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n right: 0px;\n position: absolute;\n top: 50%;\n left: \"\";\n width: 20px;\n height: 70px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-radius: 4px 0 0 4px;\n border-right: 1px solid rgb(46, 101, 230);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n transition-property: margin-right;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn {\n position: absolute;\n top: 50%;\n left: 0;\n width: 20px;\n height: 70px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-left: 1px solid rgb(46, 101, 230);\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow {\n transition-property: margin-left;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right > div {\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display-shadow {\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-default {\n transition: width;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click {\n flex-direction: column;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .switch-btn {\n transform: translateY(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line {\n width: 10px;\n height: 100%;\n left: 100%;\n top: 0;\n transform: translateX(-50%);\n cursor: col-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-left .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-right .collapse-layout-click .drag-line:after {\n left: 5px;\n width: 1px;\n height: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn {\n position: absolute;\n top: 0;\n left: 50%;\n width: 70px;\n height: 20px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: top;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n border-top: 1px solid rgb(46, 101, 230);\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow {\n transition-property: margin-top;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n position: absolute;\n top: \"\";\n left: 50%;\n width: 70px;\n height: 20px;\n background: rgb(247, 248, 250);\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-property: bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n bottom: 0px;\n border-bottom: 1px solid rgb(46, 101, 230);\n border-radius: 4px 4px 0 0;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n transition-property: margin-bottom;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top > div, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom > div {\n display: block;\n width: 100%;\n position: relative;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-default, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display,\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-default {\n transition-property: height;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-delay: 0ms;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-display-shadow, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-display-shadow {\n width: 100%;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .switch-btn, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .switch-btn {\n transform: translateX(-50%);\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line {\n width: 100%;\n height: 10px;\n left: 0;\n top: 100%;\n transform: translateY(-50%);\n cursor: row-resize;\n}\n.paraui-v4-collapse-layout.paraui-v4-collapse-layout-top .collapse-layout-click .drag-line:after, .paraui-v4-collapse-layout.paraui-v4-collapse-layout-bottom .collapse-layout-click .drag-line:after {\n top: 5px;\n height: 1px;\n width: 100%;\n}";
15
15
  styleInject(css_248z);
16
16
 
17
17
  /**
@@ -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({
package/ColorPicker/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { S as SketchPicker } from '../_verture/index-8469865e.js';
2
- export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-8469865e.js';
1
+ import { S as SketchPicker } from '../_verture/index-024bbc9b.js';
2
+ export { C as ChromePicker, a as CompactPicker, b as SwatchesPicker, S as default } from '../_verture/index-024bbc9b.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react-color';
5
5
  import 'clsx';