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

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 (141) hide show
  1. package/AutoTips/index.js +5 -11
  2. package/Button/index.js +6 -36
  3. package/Cascader/index.js +2 -2
  4. package/Checkbox/index.js +1 -1
  5. package/CheckboxGroup/index.js +4 -2
  6. package/Collapse/index.js +1 -1
  7. package/CollapseLayout/index.js +1 -1
  8. package/ColorPicker/index.js +2 -2
  9. package/ComboSelect/index.js +2 -2
  10. package/CopyText/index.js +4 -4
  11. package/DatePicker/index.js +2 -2
  12. package/Descriptions/index.d.ts +61 -0
  13. package/Descriptions/index.js +232 -0
  14. package/Descriptions/lang/en_US.d.ts +5 -0
  15. package/Descriptions/lang/index.d.ts +11 -0
  16. package/Descriptions/lang/zh_CN.d.ts +5 -0
  17. package/Desktop/index.js +1 -1
  18. package/Drawer/index.js +12 -6
  19. package/Drawer/interface.d.ts +2 -4
  20. package/DynamicMultiBox/index.js +2 -2
  21. package/Empty/index.js +1 -1
  22. package/Form/index.js +2 -2
  23. package/FormItem/index.d.ts +4 -0
  24. package/FormItem/index.js +2 -2
  25. package/FunctionModal/index.js +5 -6
  26. package/GlobalContext/confirmLocale.d.ts +1 -2
  27. package/GlobalContext/index.js +3 -2
  28. package/Help/index.js +1 -1
  29. package/InputNumber/index.d.ts +2 -0
  30. package/InputNumber/index.js +24 -12
  31. package/Menu/index.js +3 -3
  32. package/Message/index.js +2 -2
  33. package/Modal/index.js +16 -13
  34. package/Modal/lang/index.d.ts +8 -0
  35. package/MultiBox/index.js +1 -1
  36. package/Notification/index.js +1 -1
  37. package/OperateBtn/index.js +14 -18
  38. package/PageHeader/index.js +16 -5
  39. package/Pagination/index.js +4 -3
  40. package/PasswordRules/index.js +1 -1
  41. package/PopConfirm/index.js +7 -6
  42. package/Progress/index.js +3 -2
  43. package/Querying/index.js +1 -1
  44. package/README.md +4 -0
  45. package/Radio/index.js +1 -1
  46. package/RadioGroup/index.js +4 -2
  47. package/Select/index.js +8 -13
  48. package/Selector/index.js +11 -19
  49. package/SelectorPicker/index.js +2 -2
  50. package/SingleBox/index.js +1 -1
  51. package/Slider/index.js +1 -1
  52. package/Status/index.js +2 -3
  53. package/Styles/theme.scss +1 -0
  54. package/Switch/index.js +15 -16
  55. package/Table/index.js +10 -4
  56. package/Tabs/index.d.ts +2 -0
  57. package/Tabs/index.js +6 -4
  58. package/Tag/index.js +3 -3
  59. package/TextField/index.js +7 -4
  60. package/TimePicker/index.js +1 -1
  61. package/Title/index.js +1 -1
  62. package/ToggleButton/index.js +2 -2
  63. package/Transfer/index.js +10 -10
  64. package/Tree/index.js +2 -2
  65. package/Upload/index.js +3 -4
  66. package/_verture/{index-0f315bca.js → index-024bbc9b.js} +1 -1
  67. package/_verture/{index-19947788.js → index-05f7bf11.js} +3 -1
  68. package/_verture/{index-d251967e.js → index-56601c94.js} +4 -3
  69. package/_verture/{index-bc461491.js → index-de8f4428.js} +9 -2
  70. package/_verture/{index-92e406f4.js → index-f48d5ce6.js} +1 -1
  71. package/index.d.ts +2 -0
  72. package/index.js +11 -9
  73. package/locale/en-US.d.ts +4 -0
  74. package/locale/index.d.ts +8 -0
  75. package/locale/index.js +9 -1
  76. package/locale/zh-CN.d.ts +4 -0
  77. package/package.json +2 -2
  78. package/umd/AutoTips.js +1 -1
  79. package/umd/Breadcrumbs.js +1 -1
  80. package/umd/Button.js +2 -2
  81. package/umd/ButtonGroup.js +2 -2
  82. package/umd/Cascader.js +6 -6
  83. package/umd/Checkbox.js +1 -1
  84. package/umd/CheckboxGroup.js +5 -5
  85. package/umd/Collapse.js +5 -5
  86. package/umd/CollapseBox.js +1 -1
  87. package/umd/CollapseLayout.js +4 -4
  88. package/umd/ColorPicker.js +1 -1
  89. package/umd/ComboSelect.js +2 -2
  90. package/umd/CopyText.js +2 -2
  91. package/umd/DatePicker.js +2 -2
  92. package/umd/Descriptions.js +42 -0
  93. package/umd/Desktop.js +2 -2
  94. package/umd/Drawer.js +2 -2
  95. package/umd/DynamicMultiBox.js +2 -2
  96. package/umd/Empty.js +1 -1
  97. package/umd/Form.js +2 -2
  98. package/umd/FormItem.js +2 -2
  99. package/umd/FunctionModal.js +4 -4
  100. package/umd/GlobalContext.js +1 -1
  101. package/umd/Help.js +1 -1
  102. package/umd/InputLang.js +2 -2
  103. package/umd/InputNumber.js +4 -4
  104. package/umd/Label.js +1 -1
  105. package/umd/Menu.js +3 -3
  106. package/umd/Message.js +4 -4
  107. package/umd/Modal.js +4 -4
  108. package/umd/MultiBox.js +2 -2
  109. package/umd/Notification.js +1 -1
  110. package/umd/OperateBtn.js +4 -4
  111. package/umd/PageHeader.js +4 -4
  112. package/umd/Pagination.js +4 -4
  113. package/umd/PasswordRules.js +1 -1
  114. package/umd/PopConfirm.js +2 -2
  115. package/umd/Progress.js +3 -3
  116. package/umd/Querying.js +1 -1
  117. package/umd/Radio.js +1 -1
  118. package/umd/RadioGroup.js +2 -2
  119. package/umd/Search.js +2 -2
  120. package/umd/Select.js +2 -2
  121. package/umd/SelectInput.js +2 -2
  122. package/umd/Selector.js +7 -7
  123. package/umd/SelectorPicker.js +2 -2
  124. package/umd/SingleBox.js +2 -2
  125. package/umd/Slider.js +1 -1
  126. package/umd/Status.js +2 -2
  127. package/umd/Stepper.js +1 -1
  128. package/umd/Switch.js +2 -2
  129. package/umd/Table.js +5 -5
  130. package/umd/Tabs.js +4 -4
  131. package/umd/Tag.js +4 -4
  132. package/umd/TextEditor.js +1 -1
  133. package/umd/TextField.js +2 -2
  134. package/umd/TimePicker.js +2 -2
  135. package/umd/Title.js +7 -7
  136. package/umd/ToggleButton.js +4 -4
  137. package/umd/Transfer.js +3 -3
  138. package/umd/Tree.js +2 -2
  139. package/umd/Upload.js +2 -2
  140. package/umd/locale.js +1 -1
  141. /package/_verture/{modalContext-9299acc9.js → modalContext-736ff215.js} +0 -0
package/AutoTips/index.js CHANGED
@@ -26,9 +26,9 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
26
26
  _props$className = props.className,
27
27
  className = _props$className === void 0 ? '' : _props$className,
28
28
  _props$interactive = props.interactive,
29
- interactive = _props$interactive === void 0 ? true : _props$interactive,
30
- tipMaxWidth = props.tipMaxWidth,
31
- _props$line = props.line,
29
+ interactive = _props$interactive === void 0 ? true : _props$interactive;
30
+ props.tipMaxWidth;
31
+ var _props$line = props.line,
32
32
  line = _props$line === void 0 ? 2 : _props$line,
33
33
  refresh = props.refresh,
34
34
  style = props.style;
@@ -121,11 +121,6 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
121
121
  return true;
122
122
  }
123
123
  };
124
- // 处理最大宽度
125
- var handMaxWidth = function handMaxWidth() {
126
- if (tipMaxWidth) return tipMaxWidth;
127
- return boxRef && boxRef.current ? boxRef.current.offsetWidth : 0;
128
- };
129
124
  // 处理class
130
125
  var handClass = function handClass() {
131
126
  var str = "".concat($prefixCls, "-auto-tips-multiline");
@@ -144,8 +139,7 @@ var AutoTipsMultiline = function AutoTipsMultiline(props) {
144
139
  placement: placement,
145
140
  interactive: interactive,
146
141
  boundariesElement: 'viewport',
147
- overlayClassName: "".concat($prefixCls, "-auto-tips-multiline-tooltip"),
148
- maxWidth: handMaxWidth()
142
+ overlayClassName: "".concat($prefixCls, "-auto-tips-multiline-tooltip")
149
143
  }, {
150
144
  children: jsxs("div", Object.assign({
151
145
  className: "auto-tips-multiline-content-box"
@@ -233,7 +227,7 @@ var AutoTips = function AutoTips(props) {
233
227
  // 判断浏览器是否是safari
234
228
  var isSafari = function isSafari() {
235
229
  var userAgent = navigator.userAgent;
236
- if (userAgent.indexOf('Safari') > -1) {
230
+ if (/^((?!chrome|android).)*safari/i.test(userAgent)) {
237
231
  return true;
238
232
  }
239
233
  };
package/Button/index.js CHANGED
@@ -5,7 +5,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
5
5
  import { useRef, useState, useEffect } from 'react';
6
6
  import clsx from 'clsx';
7
7
  import LoadingOutlined from '@para-ui/icons/LoadingF';
8
- import Forbid from '@para-ui/icons/Forbid';
9
8
  import { Tooltip } from '../Tooltip/index.js';
10
9
  import Down from '@para-ui/icons/Down';
11
10
  import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
@@ -16,6 +15,7 @@ import AutoTips from '../AutoTips/index.js';
16
15
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
17
16
  import 'rc-tooltip';
18
17
  import 'rc-tooltip/lib/placements';
18
+ import '@para-ui/icons/Forbid';
19
19
  import 'rc-dropdown';
20
20
  import '../_verture/usePopupContainer-87febeb9.js';
21
21
  import 'dayjs';
@@ -35,7 +35,7 @@ var localeJson = {
35
35
  en: en
36
36
  };
37
37
 
38
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 10px;\n line-height: 1.5715;\n border-radius: 4px;\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 white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v4-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n pointer-events: none;\n}\n.paraui-v4-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n background-color: rgb(87, 131, 235);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n color: rgb(46, 101, 230);\n background-color: transparent;\n border: none;\n padding: unset;\n margin: 0 10px;\n}\n.paraui-v4-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n color: rgb(29, 33, 38);\n background-color: transparent;\n border: none;\n cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n height: 32px;\n}\n.paraui-v4-button-medium {\n height: 28px;\n}\n.paraui-v4-button-small {\n height: 28px;\n}\n.paraui-v4-button--disabled {\n display: inline-block;\n cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n pointer-events: none;\n}\n\n.paraui-v4-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v4-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v4-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n background-color: rgb(87, 131, 235);\n box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n pointer-events: none;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n color: rgb(161, 168, 179);\n pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-icon-button-medium {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v4-button-split {\n display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n padding: 4px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n padding: 8px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -4px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgb(234, 236, 241);\n}";
38
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 10px;\n line-height: 1.5715;\n border-radius: 4px;\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 white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v4-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n pointer-events: none;\n}\n.paraui-v4-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n background-color: rgb(87, 131, 235);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n color: rgb(46, 101, 230);\n background-color: transparent;\n border: none;\n padding: unset;\n margin: 0 10px;\n}\n.paraui-v4-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n color: rgb(92, 101, 115);\n background-color: transparent;\n border: none;\n cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n height: 32px;\n}\n.paraui-v4-button-medium {\n height: 28px;\n}\n.paraui-v4-button-small {\n height: 28px;\n}\n.paraui-v4-button--disabled {\n display: inline-block;\n cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n pointer-events: none;\n}\n\n.paraui-v4-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v4-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v4-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n background-color: rgb(87, 131, 235);\n box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n pointer-events: none;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n color: rgb(161, 168, 179);\n pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-icon-button-medium {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v4-button-split {\n display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n padding: 4px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n padding: 8px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -4px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgb(234, 236, 241);\n}";
39
39
  styleInject(css_248z);
40
40
 
41
41
  //分体式按钮
@@ -257,22 +257,6 @@ var InternalButton = function InternalButton(props) {
257
257
  }));
258
258
  return null;
259
259
  };
260
- //tooltip title
261
- var generateTooltipTitle = function generateTooltipTitle() {
262
- if (disabled && toolTipTitle) {
263
- var svgObj = {
264
- marginRight: '4px',
265
- fontSize: '11px',
266
- color: 'inherit'
267
- };
268
- return jsxs("span", {
269
- children: [jsx(Forbid, {
270
- style: svgObj
271
- }), toolTipTitle]
272
- });
273
- }
274
- return toolTipTitle;
275
- };
276
260
  //按钮
277
261
  var renderButton = function renderButton() {
278
262
  if (isLinkBtn) {
@@ -307,7 +291,8 @@ var InternalButton = function InternalButton(props) {
307
291
  arrow: false,
308
292
  placement: 'bottomLeft'
309
293
  }, TooltipProps, {
310
- title: generateTooltipTitle()
294
+ disabled: disabled,
295
+ title: toolTipTitle
311
296
  }, {
312
297
  children: jsx("span", Object.assign({
313
298
  className: "".concat($prefixCls, "-button--disabled")
@@ -345,22 +330,6 @@ var IconButton = function IconButton(props) {
345
330
  var makeCls = function makeCls() {
346
331
  return clsx("".concat($prefixCls, "-button ").concat($prefixCls, "-icon-button"), className, "".concat($prefixCls, "-icon-button-").concat(variant), "".concat($prefixCls, "-icon-button-").concat(size), hasLoading && "".concat($prefixCls, "-icon-button-loading"), danger && !disabled && "".concat($prefixCls, "-icon-button-dangerous"), isLinkBtn && "".concat($prefixCls, "-button-link"), isLinkBtn && disabled && "".concat($prefixCls, "-button-link-disabled"));
347
332
  };
348
- //tooltip title
349
- var generateTooltipTitle = function generateTooltipTitle() {
350
- if (disabled && toolTipTitle) {
351
- var svgObj = {
352
- marginRight: '4px',
353
- fontSize: '11px',
354
- color: 'inherit'
355
- };
356
- return jsxs("span", {
357
- children: [jsx(Forbid, {
358
- style: svgObj
359
- }), toolTipTitle]
360
- });
361
- }
362
- return toolTipTitle;
363
- };
364
333
  //渲染图标
365
334
  var renderIcon = function renderIcon() {
366
335
  if (!hasLoading) return children;
@@ -402,7 +371,8 @@ var IconButton = function IconButton(props) {
402
371
  arrow: false,
403
372
  placement: 'bottomLeft'
404
373
  }, TooltipProps, {
405
- title: generateTooltipTitle()
374
+ disabled: disabled,
375
+ title: toolTipTitle
406
376
  }, {
407
377
  children: disabled ? jsx("span", Object.assign({
408
378
  className: "".concat($prefixCls, "-button--disabled")
package/Cascader/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { C as Cascader } from '../_verture/index-92e406f4.js';
2
- export { C as default } from '../_verture/index-92e406f4.js';
1
+ import { C as Cascader } from '../_verture/index-f48d5ce6.js';
2
+ export { C as default } from '../_verture/index-f48d5ce6.js';
3
3
  import '../_verture/defineProperty-1d116156.js';
4
4
  import '../_verture/typeof-adeedc13.js';
5
5
  import '../_verture/toConsumableArray-8f4c9589.js';
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: center;\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 > .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 > .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 > .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) {
package/CheckboxGroup/index.js CHANGED
@@ -17,7 +17,7 @@ import '@para-ui/icons/Forbid';
17
17
  import '../Help/index.js';
18
18
  import '@para-ui/icons/Help';
19
19
 
20
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-checkbox-group {\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 width: 100%;\n}\n.paraui-v4-checkbox-group > .checkbox-group-label {\n margin-bottom: 6px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content {\n line-height: 0;\n margin-bottom: 2px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content > .checkbox-group-content-item {\n margin-bottom: 10px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content > .checkbox-group-content-item:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content > span {\n margin-bottom: 10px;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content > span:last-child {\n margin-bottom: 0;\n}";
20
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-checkbox-group {\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 width: 100%;\n}\n.paraui-v4-checkbox-group > .checkbox-group-label {\n margin-bottom: 6px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content {\n line-height: 0;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content .checkbox-item-box {\n margin-bottom: 4px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content > .checkbox-group-content-item {\n margin-bottom: 6px;\n}\n.paraui-v4-checkbox-group > .checkbox-group-content > .checkbox-group-content-item:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content > span {\n margin-bottom: 10px;\n}\n.paraui-v4-checkbox-group.paraui-v4-checkbox-group-column > .checkbox-group-content > span:last-child {\n margin-bottom: 0;\n}";
21
21
  styleInject(css_248z);
22
22
 
23
23
  var CheckboxGroup = function CheckboxGroup(props) {
@@ -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,
@@ -133,6 +133,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
133
133
  }, {
134
134
  children: item.map(function (itemChild, inx) {
135
135
  return jsx("span", Object.assign({
136
+ className: 'checkbox-item-box',
136
137
  style: handStyleItem(itemChild, inx, item)
137
138
  }, {
138
139
  children: /*#__PURE__*/createElement(Checkbox, Object.assign({}, itemChild, {
@@ -148,6 +149,7 @@ var CheckboxGroup = function CheckboxGroup(props) {
148
149
  }), index);
149
150
  }
150
151
  return jsx("span", Object.assign({
152
+ className: 'checkbox-item-box',
151
153
  style: handStyleItem(item, index, list)
152
154
  }, {
153
155
  children: /*#__PURE__*/createElement(Checkbox, Object.assign({}, item, {
package/Collapse/index.js CHANGED
@@ -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(92, 101, 115);\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(92, 101, 115);\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) {
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
  /**
package/ColorPicker/index.js CHANGED
@@ -1,5 +1,5 @@
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';
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';
package/ComboSelect/index.js CHANGED
@@ -10,7 +10,7 @@ import SearchIcon from '@para-ui/icons/Search';
10
10
  import CloseIcon from '@para-ui/icons/Close';
11
11
  import CloseCircleF from '@para-ui/icons/CloseCircleF';
12
12
  import Table from '../Table/index.js';
13
- import { T as Tree } from '../_verture/index-bc461491.js';
13
+ import { T as Tree } from '../_verture/index-de8f4428.js';
14
14
  import { Button } from '../Button/index.js';
15
15
  import { D as Dropdown } from '../_verture/index-e9007d6a.js';
16
16
  import { Popover } from '../Popover/index.js';
@@ -92,7 +92,7 @@ var localeJson = {
92
92
  en: en
93
93
  };
94
94
 
95
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 12px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 7px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(161, 168, 179);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 22px;\n margin: 0 8px 4px 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 22px;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 10px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n border: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n min-height: 40px;\n padding: 0 10px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n border: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 52px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n display: flex;\n justify-content: center;\n}\n@keyframes rotateLoading {\n 0% {\n transformOrigin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n transition: all 0.3s ease-in-out;\n animation: rotateLoading 1s infinite linear;\n font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 12px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 15px;\n height: 10px;\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n transform: translateY(-50%);\n background-size: 15px 11px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: block;\n padding: 0 12px;\n margin-bottom: 5px;\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 36px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 20px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}";
95
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 12px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 7px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(161, 168, 179);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 4px 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 22px;\n margin: 0 8px 4px 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 22px;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n border: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n min-height: 40px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n border: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 52px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n display: flex;\n justify-content: center;\n}\n@keyframes rotateLoading {\n 0% {\n transformOrigin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n transition: all 0.3s ease-in-out;\n animation: rotateLoading 1s infinite linear;\n font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 12px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list {\n padding: 8px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 6px 28px 6px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 15px;\n height: 10px;\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n transform: translateY(-50%);\n background-size: 15px 11px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 12px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: block;\n padding: 0 12px;\n margin-bottom: 5px;\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n padding: 0 12px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 36px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 20px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}";
96
96
  styleInject(css_248z);
97
97
 
98
98
  //组合选择器
package/CopyText/index.js CHANGED
@@ -4,7 +4,7 @@ import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
4
4
  import { jsx, jsxs } from 'react/jsx-runtime';
5
5
  import { useState, useRef, useEffect } from 'react';
6
6
  import Copy from '@para-ui/icons/Copy';
7
- import Check from '@para-ui/icons/Check';
7
+ import CheckS from '@para-ui/icons/CheckS';
8
8
  import { TextField } from '../TextField/index.js';
9
9
  import Label from '../Label/index.js';
10
10
  import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
@@ -34,7 +34,7 @@ import 'dayjs';
34
34
  import '../Help/index.js';
35
35
  import '@para-ui/icons/Help';
36
36
 
37
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/5/9 13:57\n* @description 复制文本\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon {\n justify-items: center;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check:hover svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.paraui-v4-copy-text .copy-text-text > .paraui-v4-label {\n margin-bottom: 0;\n margin-right: 4px;\n white-space: nowrap;\n}\n.paraui-v4-copy-text .copy-text-text > .content {\n font-size: 14px;\n color: rgb(29, 33, 38);\n margin-right: 10px;\n line-height: 1.43;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check:hover svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n color: rgb(46, 101, 230);\n}";
37
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/5/9 13:57\n* @description 复制文本\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon {\n justify-items: center;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check:hover svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-copy-text .copy-text-text {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.paraui-v4-copy-text .copy-text-text > .paraui-v4-label {\n margin-bottom: 0;\n margin-right: 4px;\n white-space: nowrap;\n}\n.paraui-v4-copy-text .copy-text-text > .content {\n font-size: 14px;\n color: rgb(29, 33, 38);\n margin-right: 10px;\n line-height: 1.43;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check:hover svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n color: rgb(46, 101, 230);\n}";
38
38
  styleInject(css_248z);
39
39
 
40
40
  var CopyText = function CopyText(props) {
@@ -46,7 +46,7 @@ var CopyText = function CopyText(props) {
46
46
  copyValue = props.copyValue,
47
47
  copyIcon = props.copyIcon,
48
48
  _props$timeout = props.timeout,
49
- timeout = _props$timeout === void 0 ? 300 : _props$timeout,
49
+ timeout = _props$timeout === void 0 ? 800 : _props$timeout,
50
50
  onCopy = props.onCopy;
51
51
  var _useState = useState(false),
52
52
  _useState2 = _slicedToArray(_useState, 2),
@@ -119,7 +119,7 @@ var CopyText = function CopyText(props) {
119
119
  var copyIconDom = copyIcon ? copyIcon : jsx(Copy, {});
120
120
  var str = 'copy-text-icon';
121
121
  if (copySuccess) {
122
- copyIconDom = jsx(Check, {});
122
+ copyIconDom = jsx(CheckS, {});
123
123
  str += ' copy-text-icon-check';
124
124
  }
125
125
  return jsx("span", Object.assign({