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

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 (124) hide show
  1. package/AutoTips/index.js +5 -5
  2. package/Button/index.js +2 -2
  3. package/Cascader/index.js +3 -3
  4. package/Checkbox/index.js +1 -1
  5. package/ColorPicker/index.js +2 -2
  6. package/ComboSelect/index.js +13 -14
  7. package/ComboSelect/utils.d.ts +5 -0
  8. package/CopyText/index.js +2 -2
  9. package/DatePicker/index.js +2 -1
  10. package/Desktop/index.js +1 -1
  11. package/DragVerify/index.js +2 -2
  12. package/Drawer/index.d.ts +2 -2
  13. package/Drawer/index.js +129 -24
  14. package/Drawer/interface.d.ts +8 -0
  15. package/Drawer/util.d.ts +6 -0
  16. package/DynamicMultiBox/index.d.ts +7 -2
  17. package/DynamicMultiBox/index.js +5 -5
  18. package/Form/index.js +6 -6
  19. package/FormItem/index.js +6 -6
  20. package/FunctionModal/index.js +5 -5
  21. package/GlobalContext/index.js +1 -1
  22. package/Help/index.js +1 -1
  23. package/InputNumber/index.js +1 -1
  24. package/Modal/index.js +2 -2
  25. package/MultiBox/index.js +8 -4
  26. package/Notification/index.js +1 -1
  27. package/OperateBtn/index.js +4 -3
  28. package/PageHeader/index.js +1 -1
  29. package/ParauiProvider/index.js +1 -1
  30. package/PasswordRules/index.js +1 -1
  31. package/PopConfirm/index.js +1 -1
  32. package/Radio/index.js +1 -1
  33. package/Search/index.js +1 -1
  34. package/Select/index.js +1 -1
  35. package/Selector/index.js +4 -4
  36. package/SelectorPicker/index.js +3 -3
  37. package/Status/index.d.ts +2 -0
  38. package/Status/index.js +17 -5
  39. package/Stepper/index.js +1 -1
  40. package/Styles/scrollbar.scss +66 -66
  41. package/Styles/theme.scss +62 -61
  42. package/Switch/index.js +1 -1
  43. package/Table/index.js +2 -2
  44. package/Tabs/index.js +1 -1
  45. package/Tag/index.js +10 -1184
  46. package/TimePicker/index.js +1 -0
  47. package/Title/index.d.ts +2 -0
  48. package/Title/index.js +6 -2
  49. package/Tooltip/index.js +1 -1
  50. package/Transfer/index.js +6 -6
  51. package/Tree/OperateBar/index.d.ts +2 -2
  52. package/Tree/index.js +4 -4
  53. package/Tree/interface.d.ts +4 -0
  54. package/Upload/index.js +6 -6
  55. package/_verture/{index-e2881a53.js → index-19947788.js} +2 -2
  56. package/_verture/{index-e6f85fd5.js → index-1c8d3e94.js} +3 -0
  57. package/_verture/{index-d63bd287.js → index-232d890b.js} +1 -1
  58. package/_verture/{index-7ec72724.js → index-47297a40.js} +36 -29
  59. package/_verture/{index-5c77417d.js → index-8469865e.js} +2 -2
  60. package/_verture/{index-68db2bc3.js → index-e1b800aa.js} +2 -2
  61. package/_verture/{modalContext-c12ca3e8.js → modalContext-670eab09.js} +1 -1
  62. package/_verture/tinycolor-ece3542d.js +1180 -0
  63. package/_verture/{utils-f0e81540.js → utils-06d86594.js} +3 -6
  64. package/index.js +11 -11
  65. package/locale/index.js +2 -2
  66. package/package.json +51 -8
  67. package/umd/AutoBox.js +1 -1
  68. package/umd/AutoTips.js +4 -4
  69. package/umd/Breadcrumbs.js +2 -2
  70. package/umd/Button.js +2 -2
  71. package/umd/ButtonGroup.js +4 -4
  72. package/umd/Cascader.js +6 -6
  73. package/umd/Checkbox.js +5 -5
  74. package/umd/CheckboxGroup.js +5 -5
  75. package/umd/ColorPicker.js +1 -1
  76. package/umd/ComboSelect.js +6 -6
  77. package/umd/CopyText.js +2 -2
  78. package/umd/DatePicker.js +2 -2
  79. package/umd/Desktop.js +2 -2
  80. package/umd/Drawer.js +4 -4
  81. package/umd/DynamicMultiBox.js +4 -4
  82. package/umd/Form.js +2 -2
  83. package/umd/FormItem.js +4 -4
  84. package/umd/FunctionModal.js +2 -2
  85. package/umd/GlobalContext.js +1 -1
  86. package/umd/Help.js +2 -2
  87. package/umd/InputLang.js +4 -4
  88. package/umd/InputNumber.js +2 -2
  89. package/umd/Label.js +2 -2
  90. package/umd/Modal.js +2 -2
  91. package/umd/MultiBox.js +2 -2
  92. package/umd/Notification.js +1 -1
  93. package/umd/OperateBtn.js +2 -2
  94. package/umd/PageHeader.js +2 -2
  95. package/umd/Pagination.js +2 -2
  96. package/umd/ParauiProvider.js +1 -1
  97. package/umd/PasswordRules.js +4 -4
  98. package/umd/PopConfirm.js +2 -2
  99. package/umd/Popover.js +1 -1
  100. package/umd/Radio.js +2 -2
  101. package/umd/RadioGroup.js +2 -2
  102. package/umd/Search.js +2 -2
  103. package/umd/Select.js +2 -2
  104. package/umd/SelectInput.js +2 -2
  105. package/umd/Selector.js +2 -2
  106. package/umd/SelectorPicker.js +2 -2
  107. package/umd/SingleBox.js +2 -2
  108. package/umd/Status.js +4 -4
  109. package/umd/Stepper.js +2 -2
  110. package/umd/Switch.js +2 -2
  111. package/umd/Table.js +6 -6
  112. package/umd/Tabs.js +2 -2
  113. package/umd/Tag.js +2 -2
  114. package/umd/TextEditor.js +2 -2
  115. package/umd/TextField.js +2 -2
  116. package/umd/TimePicker.js +2 -2
  117. package/umd/Title.js +2 -2
  118. package/umd/ToggleButton.js +4 -4
  119. package/umd/Tooltip.js +1 -1
  120. package/umd/Transfer.js +5 -5
  121. package/umd/Tree.js +7 -7
  122. package/umd/Upload.js +2 -2
  123. package/umd/locale.js +1 -1
  124. /package/_verture/{typeof-b240b062.js → typeof-c310ee4a.js} +0 -0
package/TimePicker/index.js CHANGED
@@ -29,6 +29,7 @@ import '../_verture/defineProperty-1d116156.js';
29
29
  import '@para-ui/icons/Close';
30
30
  import '@para-ui/icons/EditOutline';
31
31
  import '../_verture/toConsumableArray-8f4c9589.js';
32
+ import '../_verture/tinycolor-ece3542d.js';
32
33
  import '@para-ui/icons/Plus';
33
34
  import 'rc-picker';
34
35
  import '@para-ui/icons/CloseCircleF';
package/Title/index.d.ts CHANGED
@@ -20,6 +20,8 @@ export interface TitleProps {
20
20
  titoleTooltipIcon?: ReactNode;
21
21
  /** 折叠内容 */
22
22
  collapseContent?: ReactNode;
23
+ /** 折叠容器样式 */
24
+ collapseClassName?: string;
23
25
  /** 副标题 **/
24
26
  subTitle?: ReactNode;
25
27
  /** 图标 **/
package/Title/index.js CHANGED
@@ -18,7 +18,7 @@ import '@para-ui/icons/Help';
18
18
  import 'rc-collapse';
19
19
  import '@para-ui/icons/Right';
20
20
 
21
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-title-collapse {\n border-bottom: none;\n}\n.paraui-v4-title-collapse > .component-collapse-item {\n border-top: none;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header {\n flex-direction: row-reverse;\n justify-content: space-between;\n padding: 0;\n padding-right: 16px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header .paraui-v4-title-content {\n max-width: calc(100% - 32px);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header .collapse-svg-box {\n color: rgb(29, 33, 38);\n margin-right: 0;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover {\n position: relative;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover > div {\n z-index: 1;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover > .collapse-svg-box:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover .title-link:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover::after {\n position: absolute;\n background-color: rgb(247, 248, 250);\n content: \"\";\n width: 100%;\n height: calc(100% + 4px);\n left: -10px;\n border-radius: 4px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-content {\n margin-top: 20px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-content > .component-collapse-content-box {\n padding-left: 20px;\n}\n\n.paraui-v4-title .paraui-v4-title-content {\n display: flex;\n align-items: center;\n line-height: 20px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-ink {\n width: 4px;\n height: 14px;\n background-color: rgb(46, 101, 230);\n border-radius: 2px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-icon {\n display: inline-flex;\n}\n.paraui-v4-title .paraui-v4-title-content .title-text {\n margin-left: 8px;\n font-size: 14px;\n font-weight: 700;\n color: rgb(29, 33, 38);\n display: flex;\n align-items: center;\n white-space: nowrap;\n}\n.paraui-v4-title .paraui-v4-title-content .title-text .paraui-v4-help {\n line-height: 11px;\n font-size: 14px;\n margin-left: 4px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-subtext {\n margin-left: 10px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-title .paraui-v4-title-content .title-link {\n margin-left: 10px;\n text-decoration: none;\n outline: none;\n font-size: 14px;\n font-weight: 400;\n white-space: nowrap;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-large .title-icon svg {\n font-size: 30px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-large .title-text {\n font-size: 18px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-medium .title-icon svg {\n font-size: 24px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-medium .title-text {\n font-size: 500;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-small .title-icon svg {\n font-size: 20px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-small .title-text {\n margin-left: 4px;\n}";
21
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-title-collapse {\n border-bottom: none;\n}\n.paraui-v4-title-collapse > .component-collapse-item {\n border-top: none;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header {\n flex-direction: row-reverse;\n justify-content: space-between;\n padding: 0;\n padding-right: 16px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header .paraui-v4-title-content {\n max-width: calc(100% - 32px);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header .collapse-svg-box {\n color: rgb(29, 33, 38);\n margin-right: 0;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover {\n position: relative;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover > div {\n z-index: 1;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover > .collapse-svg-box:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover .title-link:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-header:hover::after {\n position: absolute;\n background-color: rgb(247, 248, 250);\n content: \"\";\n width: 100%;\n height: calc(100% + 4px);\n left: -10px;\n border-radius: 4px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-content {\n margin-top: 20px;\n}\n.paraui-v4-title-collapse > .component-collapse-item > .component-collapse-content > .component-collapse-content-box {\n padding-left: 0px;\n padding-right: 0px;\n}\n\n.paraui-v4-title .paraui-v4-title-content {\n display: flex;\n align-items: center;\n line-height: 20px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-ink {\n width: 4px;\n height: 14px;\n background-color: rgb(46, 101, 230);\n border-radius: 2px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-icon {\n display: inline-flex;\n}\n.paraui-v4-title .paraui-v4-title-content .title-text {\n margin-left: 8px;\n font-size: 14px;\n font-weight: 700;\n color: rgb(29, 33, 38);\n display: flex;\n align-items: center;\n white-space: nowrap;\n}\n.paraui-v4-title .paraui-v4-title-content .title-text .paraui-v4-help {\n line-height: 11px;\n font-size: 14px;\n margin-left: 4px;\n}\n.paraui-v4-title .paraui-v4-title-content .title-subtext {\n margin-left: 10px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-title .paraui-v4-title-content .title-link {\n margin-left: 10px;\n text-decoration: none;\n outline: none;\n font-size: 14px;\n font-weight: 400;\n white-space: nowrap;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-title .paraui-v4-title-content .title-link:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-large .title-icon svg {\n font-size: 30px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-large .title-text {\n font-size: 18px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-medium .title-icon svg {\n font-size: 24px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-medium .title-text {\n font-size: 16px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-small .title-icon svg {\n font-size: 20px;\n}\n.paraui-v4-title .paraui-v4-title-content.paraui-v4-title-content-small .title-text {\n margin-left: 4px;\n}";
22
22
  styleInject(css_248z);
23
23
 
24
24
  var Panel = Collapse.Panel;
@@ -33,6 +33,7 @@ var Title = function Title(props) {
33
33
  _props$size = props.size,
34
34
  size = _props$size === void 0 ? "medium" : _props$size,
35
35
  className = props.className,
36
+ collapseClassName = props.collapseClassName,
36
37
  titleTooltip = props.titleTooltip,
37
38
  titoleTooltipIcon = props.titoleTooltipIcon,
38
39
  placement = props.placement,
@@ -56,6 +57,9 @@ var Title = function Title(props) {
56
57
  var linkWidth = ((_b = linkTextRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
57
58
  calcDescWidth(titleWidth, linkWidth);
58
59
  }, [title, subTitle, link, collapseContent]);
60
+ var cloCls = function cloCls() {
61
+ return clsx("".concat($prefixCls, "-title-collapse"), collapseClassName);
62
+ };
59
63
  var titleContent = function titleContent() {
60
64
  return jsxs("div", Object.assign({
61
65
  className: makeCls,
@@ -102,7 +106,7 @@ var Title = function Title(props) {
102
106
  className: "".concat($prefixCls, "-title")
103
107
  }, {
104
108
  children: collapseContent ? jsx(Collapse, Object.assign({
105
- className: "".concat($prefixCls, "-title-collapse")
109
+ className: cloCls()
106
110
  }, {
107
111
  children: jsx(Panel, Object.assign({
108
112
  header: titleContent()
package/Tooltip/index.js CHANGED
@@ -196,7 +196,7 @@ function getAlignOffset(place) {
196
196
  return offsetMap[mPlace];
197
197
  }
198
198
 
199
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tooltip {\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 1.5715;\n position: absolute;\n z-index: 1500;\n display: block;\n width: max-content;\n visibility: visible;\n}\n.paraui-v4-tooltip .component-tooltip-content {\n position: relative;\n}\n.paraui-v4-tooltip.component-tooltip-hidden {\n display: none;\n}\n.paraui-v4-tooltip .component-tooltip-inner {\n min-width: 30px;\n min-height: 32px;\n padding: 5px 12px;\n color: rgb(255, 255, 255);\n text-align: left;\n text-decoration: none;\n word-break: break-all;\n background-color: rgba(29, 33, 38, 0.9);\n border-radius: 4px;\n line-height: 21px;\n}\n.paraui-v4-tooltip .component-tooltip-inner .disabled-svg {\n font-size: 12px;\n position: relative;\n top: 1px;\n margin-right: 4px;\n color: rgb(255, 255, 255);\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n animation-name: componentTooltipZoomBigIn;\n animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n animation-name: componentTooltipZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentTooltipZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
199
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tooltip {\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 1.5715;\n position: absolute;\n z-index: 1500;\n display: block;\n width: max-content;\n visibility: visible;\n}\n.paraui-v4-tooltip .component-tooltip-content {\n position: relative;\n}\n.paraui-v4-tooltip.component-tooltip-hidden {\n display: none;\n}\n.paraui-v4-tooltip .component-tooltip-inner {\n min-width: 30px;\n min-height: 32px;\n padding: 5px 12px;\n color: rgb(255, 255, 255);\n text-align: left;\n text-decoration: none;\n word-break: break-all;\n background-color: rgba(29, 33, 38, 0.9);\n border-radius: 4px;\n line-height: 21px;\n}\n.paraui-v4-tooltip .component-tooltip-inner .disabled-svg {\n font-size: 16px;\n position: relative;\n top: 3px;\n margin-right: 4px;\n color: rgb(255, 255, 255);\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n animation-name: componentTooltipZoomBigIn;\n animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n animation-name: componentTooltipZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentTooltipZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
200
200
  styleInject(css_248z);
201
201
 
202
202
  //tooltip
package/Transfer/index.js CHANGED
@@ -15,7 +15,7 @@ import SearchIcon from '@para-ui/icons/Search';
15
15
  import AutoTips from '../AutoTips/index.js';
16
16
  import Drag from '@para-ui/icons/Drag';
17
17
  import { S as Sortable } from '../_verture/sortable.esm-49896035.js';
18
- import { d as debounce } from '../_verture/utils-f0e81540.js';
18
+ import { d as debounce } from '../_verture/utils-06d86594.js';
19
19
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
20
20
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
21
21
  import '../_verture/typeof-adeedc13.js';
@@ -258,7 +258,7 @@ var Box = function Box(props) {
258
258
  };
259
259
  var Sortablejs = Sortable;
260
260
 
261
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n display: flex;\n font-size: 14px;\n user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .box {\n border-radius: 4px;\n border: 1px solid rgb(212, 218, 227);\n overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n background: rgb(247, 248, 250);\n color: rgb(29, 33, 38);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-left: 10px;\n height: 36px;\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n color: rgb(29, 33, 38);\n letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n height: 400px;\n overflow: auto;\n scrollbar-base-color: red;\n margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n padding: 0px 10px;\n height: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n background: inherit;\n cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n margin-left: 12px;\n display: flex;\n align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .context .item-border {\n padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n border: none;\n border-radius: 0;\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n display: flex;\n align-items: center;\n border-top: 1px solid rgb(212, 218, 227);\n height: 36px;\n justify-content: space-between;\n padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n margin-left: 16px;\n}\n.paraui-v4-transfer ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-transfer .moveBtn {\n display: flex;\n height: 500px;\n flex-direction: column;\n justify-content: center;\n margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n background-color: rgb(46, 101, 230);\n color: rgb(255, 255, 255);\n border: none;\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n margin-top: 16px;\n}\n\n@keyframes flucturation {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(36px);\n }\n}\n@keyframes flucturationOrther {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-36px);\n }\n}";
261
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n display: flex;\n font-size: 14px;\n user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .box {\n border-radius: 4px;\n border: 1px solid rgb(212, 218, 227);\n overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n background: rgb(247, 248, 250);\n color: rgb(29, 33, 38);\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-left: 10px;\n height: 36px;\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n color: rgb(29, 33, 38);\n letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n height: 400px;\n overflow: auto;\n scrollbar-base-color: red;\n margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n padding: 0px 10px;\n height: 30px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n background: inherit;\n cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n margin-left: 12px;\n display: flex;\n align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n border: none;\n border-radius: 0;\n border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n display: flex;\n align-items: center;\n border-top: 1px solid rgb(212, 218, 227);\n height: 36px;\n justify-content: space-between;\n padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n margin-left: 16px;\n}\n.paraui-v4-transfer ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-transfer .moveBtn {\n display: flex;\n height: 500px;\n flex-direction: column;\n justify-content: center;\n margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n background-color: rgb(46, 101, 230);\n color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n margin-top: 16px;\n}\n\n@keyframes flucturation {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(36px);\n }\n}\n@keyframes flucturationOrther {\n 0% {\n transform: translateY(0);\n }\n 100% {\n transform: translateY(-36px);\n }\n}";
262
262
  styleInject(css_248z);
263
263
 
264
264
  var Transfer = function Transfer(props) {
@@ -543,7 +543,7 @@ var Transfer = function Transfer(props) {
543
543
  }) : '',
544
544
  TooltipProps: {
545
545
  arrow: false,
546
- placement: 'bottomRight'
546
+ placement: 'bottomLeft'
547
547
  },
548
548
  onClick: function onClick() {
549
549
  onMove("right");
@@ -559,7 +559,7 @@ var Transfer = function Transfer(props) {
559
559
  }) : '',
560
560
  TooltipProps: {
561
561
  arrow: false,
562
- placement: 'bottomRight'
562
+ placement: 'bottomLeft'
563
563
  },
564
564
  onClick: function onClick() {
565
565
  fluctuation('up');
@@ -575,7 +575,7 @@ var Transfer = function Transfer(props) {
575
575
  }) : '',
576
576
  TooltipProps: {
577
577
  arrow: false,
578
- placement: 'bottomRight'
578
+ placement: 'bottomLeft'
579
579
  },
580
580
  onClick: function onClick() {
581
581
  fluctuation('down');
@@ -591,7 +591,7 @@ var Transfer = function Transfer(props) {
591
591
  }) : '',
592
592
  TooltipProps: {
593
593
  arrow: false,
594
- placement: 'bottomRight'
594
+ placement: 'bottomLeft'
595
595
  },
596
596
  onClick: function onClick() {
597
597
  onMove('left');
package/Tree/OperateBar/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { FunctionComponent } from "react";
2
- import { DataNode } from 'rc-tree/lib/interface';
2
+ import { DataNode } from "rc-tree/lib/interface";
3
3
  import { IActions, ActionType } from "../interface";
4
- import './index.scss';
4
+ import "./index.scss";
5
5
  interface OperateBarProps {
6
6
  opRef: any;
7
7
  mouseInRef: any;
package/Tree/index.js CHANGED
@@ -1,12 +1,12 @@
1
- import { T as Tree } from '../_verture/index-7ec72724.js';
2
- export { T as default } from '../_verture/index-7ec72724.js';
1
+ import { T as Tree } from '../_verture/index-47297a40.js';
2
+ export { T as default } from '../_verture/index-47297a40.js';
3
3
  import '../_verture/toConsumableArray-8f4c9589.js';
4
4
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
5
5
  import '../_verture/defineProperty-1d116156.js';
6
6
  import '../_verture/typeof-adeedc13.js';
7
7
  import '../_verture/slicedToArray-a8206399.js';
8
- import '../_verture/index-d63bd287.js';
9
- import '../_verture/typeof-b240b062.js';
8
+ import '../_verture/index-232d890b.js';
9
+ import '../_verture/typeof-c310ee4a.js';
10
10
  import '../_verture/tslib.es6-55ed4bd2.js';
11
11
  import 'react/jsx-runtime';
12
12
  import 'react';
package/Tree/interface.d.ts CHANGED
@@ -164,6 +164,8 @@ export interface TreeProps extends Omit<RcTreeProps, 'prefixCls' | 'showLine' |
164
164
  paramsCallback?: (params: {
165
165
  [name: string]: any;
166
166
  }) => any;
167
+ /** 空状态容器样式 */
168
+ emptyClassName?: string;
167
169
  /** 空状态属性 */
168
170
  emptyProps?: EmptyProps;
169
171
  /** 自定义空数据节点 */
@@ -174,6 +176,8 @@ export interface TreeProps extends Omit<RcTreeProps, 'prefixCls' | 'showLine' |
174
176
  wrapperStyle?: React.CSSProperties;
175
177
  /** 接口请求时显示loading */
176
178
  showLoading?: boolean;
179
+ /** 接口请求时显示loading的节点*/
180
+ loadingNode?: ReactNode;
177
181
  /** 提示最大宽度 */
178
182
  tipMaxWidth?: number | string;
179
183
  [key: string]: any;
package/Upload/index.js CHANGED
@@ -8,7 +8,7 @@ import RcUpload from 'rc-upload';
8
8
  import UploadIcon from '@para-ui/icons/UploadFile';
9
9
  import LoadingIcon from '@para-ui/icons/Loading';
10
10
  import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
11
- import { r as regenerator } from '../_verture/index-d63bd287.js';
11
+ import { r as regenerator } from '../_verture/index-232d890b.js';
12
12
  import Delete from '@para-ui/icons/Delete';
13
13
  import TextIcon from '@para-ui/icons/Text';
14
14
  import PhotoIcon from '@para-ui/icons/Photo';
@@ -23,7 +23,7 @@ import { Slider } from '../Slider/index.js';
23
23
  import Cropper from 'react-easy-crop';
24
24
  import { Modal } from '../Modal/index.js';
25
25
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
26
- import '../_verture/typeof-b240b062.js';
26
+ import '../_verture/typeof-c310ee4a.js';
27
27
  import '@para-ui/core/GlobalContext';
28
28
  import '@para-ui/icons/LoadingF';
29
29
  import '../Tooltip/index.js';
@@ -39,7 +39,7 @@ import '../AutoTips/index.js';
39
39
  import 'rc-slider';
40
40
  import 'rc-dialog';
41
41
  import '@para-ui/icons/Close';
42
- import '../_verture/index-e2881a53.js';
42
+ import '../_verture/index-19947788.js';
43
43
  import 'react-dom';
44
44
  import '@para-ui/icons/CheckCircleF';
45
45
  import '@para-ui/icons/CloseCircleF';
@@ -274,7 +274,7 @@ var localeJson = {
274
274
  en: en
275
275
  };
276
276
 
277
- var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n display: inline-flex;\n align-items: center;\n /*&-border {\n .upload-image-select{\n border: 2px dashed $A1;\n\n &:hover {\n border: 2px dashed $PT8;\n }\n }\n }*/\n}\n.paraui-v4-upload-image .upload-image-select {\n position: relative;\n width: 100px;\n height: 100px;\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select:hover .upload-image-picture-card {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n width: 100%;\n height: 100%;\n border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n background-color: rgb(29, 33, 38);\n border-radius: 4px;\n opacity: 0;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 0 10px;\n font-size: 12px;\n line-height: 24px;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n background-color: rgb(29, 33, 38);\n border-radius: 0 0 4px 4px;\n color: rgb(255, 255, 255);\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n color: rgb(46, 101, 230);\n font-size: 30px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n color: rgb(46, 101, 230);\n font-size: 30px;\n animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n margin-top: 6px;\n color: inherit;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}";
277
+ var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午7:31\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload-image {\n display: inline-flex;\n align-items: center;\n /*&-border {\n .upload-image-select{\n border: 2px dashed $NA1;\n\n &:hover {\n border: 2px dashed $NPT8;\n }\n }\n }*/\n}\n.paraui-v4-upload-image .upload-image-select {\n position: relative;\n width: 100px;\n height: 100px;\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-select-loading {\n pointer-events: none;\n}\n.paraui-v4-upload-image .upload-image-select .component-upload {\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-upload-image .upload-image-select:hover .upload-image-picture-card {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-image .upload-image-picture-card {\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n cursor: default;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper img {\n width: 100%;\n height: 100%;\n border-radius: 4px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper::before {\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n background-color: rgb(29, 33, 38);\n border-radius: 4px;\n opacity: 0;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-name {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n padding: 0 10px;\n font-size: 12px;\n line-height: 24px;\n text-align: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n background-color: rgb(29, 33, 38);\n border-radius: 0 0 4px 4px;\n color: rgb(255, 255, 255);\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper-action svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover::before {\n opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-name {\n opacity: 0;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-img-wrapper:hover .upload-img-wrapper-action {\n opacity: 1;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-icon {\n color: rgb(46, 101, 230);\n font-size: 30px;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-loading {\n color: rgb(46, 101, 230);\n font-size: 30px;\n animation: imageLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text {\n margin-top: 6px;\n color: inherit;\n transition: 0.3s;\n}\n.paraui-v4-upload-image .upload-image-picture-card .upload-image-text-loading {\n color: rgb(46, 101, 230);\n}\n@keyframes imageLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}";
278
278
  styleInject(css_248z$2);
279
279
 
280
280
  //ImageUpload
@@ -784,7 +784,7 @@ var EasyCrop = /*#__PURE__*/forwardRef(function (props, ref) {
784
784
  });
785
785
  var EasyCrop$1 = /*#__PURE__*/memo(EasyCrop);
786
786
 
787
- var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/20 下午4:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-container {\n position: relative;\n width: 100%;\n height: 40vh;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control {\n display: flex;\n align-items: center;\n width: 60%;\n margin-left: auto;\n margin-right: auto;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control:first-of-type {\n margin-top: 16px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control:last-of-type {\n margin-bottom: -8px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 34px;\n height: 34px;\n padding: 0;\n font-style: normal;\n background: transparent;\n border: 0;\n outline: 0;\n cursor: pointer;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button[disabled] {\n cursor: default;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button + div:only-of-type {\n flex: 1;\n margin: 0 8px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-zoom button {\n font-size: 18px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button {\n font-size: 500;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button:first-of-type {\n transform: rotate(-20deg);\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button:last-of-type {\n transform: rotate(20deg);\n}";
787
+ var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/20 下午4:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-container {\n position: relative;\n width: 100%;\n height: 40vh;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control {\n display: flex;\n align-items: center;\n width: 60%;\n margin-left: auto;\n margin-right: auto;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control:first-of-type {\n margin-top: 16px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control:last-of-type {\n margin-bottom: -8px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 34px;\n height: 34px;\n padding: 0;\n font-style: normal;\n background: transparent;\n border: 0;\n outline: 0;\n cursor: pointer;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button[disabled] {\n cursor: default;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control button + div:only-of-type {\n flex: 1;\n margin: 0 8px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-zoom button {\n font-size: 18px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button {\n font-size: 16px;\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button:first-of-type {\n transform: rotate(-20deg);\n}\n.paraui-v4-img-crop-modal .paraui-v4-img-crop-control-rotate button:last-of-type {\n transform: rotate(20deg);\n}";
788
788
  styleInject(css_248z$1);
789
789
 
790
790
  //图片裁剪组件
@@ -1123,7 +1123,7 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
1123
1123
  });
1124
1124
  });
1125
1125
 
1126
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload .component-upload {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-upload-loading {\n pointer-events: none;\n}\n.paraui-v4-upload .paraui-v4-button {\n color: rgb(92, 101, 115);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-upload .paraui-v4-button:hover {\n border-color: rgb(87, 131, 235);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload .paraui-v4-button-loading .button-icon {\n color: rgb(46, 101, 230);\n animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag {\n position: relative;\n}\n.paraui-v4-upload-drag .component-upload {\n display: block;\n}\n.paraui-v4-upload-drag-loading {\n pointer-events: none;\n}\n.paraui-v4-upload-drag-hover .upload-drag-container {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container {\n display: inline-flex;\n width: 100%;\n max-width: 590px;\n height: 200px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n line-height: 1;\n border: 2px dashed rgb(212, 218, 227);\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-drag .upload-drag-container:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon {\n line-height: 0;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon svg {\n font-size: 48px;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon .upload-drag-loading {\n animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text {\n margin: 20px 0 12px 0;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-loading {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-filename {\n margin-right: 5px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-hint {\n color: rgb(92, 101, 115);\n padding: 0 20px;\n text-align: center;\n}\n@keyframes uploadLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}";
1126
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload .component-upload {\n position: relative;\n display: inline-block;\n}\n.paraui-v4-upload-loading {\n pointer-events: none;\n}\n.paraui-v4-upload .paraui-v4-button {\n color: rgb(29, 33, 38);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-upload .paraui-v4-button:hover {\n border-color: rgb(87, 131, 235);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload .paraui-v4-button-loading .button-icon {\n color: rgb(46, 101, 230);\n animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag {\n position: relative;\n}\n.paraui-v4-upload-drag .component-upload {\n display: block;\n}\n.paraui-v4-upload-drag-loading {\n pointer-events: none;\n}\n.paraui-v4-upload-drag-hover .upload-drag-container {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container {\n display: inline-flex;\n width: 100%;\n max-width: 590px;\n height: 200px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n line-height: 1;\n border: 2px dashed rgb(212, 218, 227);\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-upload-drag .upload-drag-container:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon {\n line-height: 0;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon svg {\n font-size: 48px;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon .upload-drag-loading {\n animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text {\n margin: 20px 0 12px 0;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-loading {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-filename {\n margin-right: 5px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-hint {\n color: rgb(92, 101, 115);\n padding: 0 20px;\n text-align: center;\n}\n@keyframes uploadLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}";
1127
1127
  styleInject(css_248z);
1128
1128
 
1129
1129
  //upload
package/_verture/{index-e2881a53.js → index-19947788.js} RENAMED
@@ -4,8 +4,8 @@ var en = {
4
4
  };
5
5
 
6
6
  var zh = {
7
- cancel: '取消',
8
- ok: '确定'
7
+ cancel: '取 消',
8
+ ok: '确 定'
9
9
  };
10
10
 
11
11
  var defaultModalLocale = {
package/_verture/{index-e6f85fd5.js → index-1c8d3e94.js} RENAMED
@@ -11,6 +11,7 @@ import Delete from '@para-ui/icons/Delete';
11
11
  import ParaLinkGroup from '@para-ui/icons/LinkGroup';
12
12
  import AutoTips from '../AutoTips/index.js';
13
13
  import { Button } from '../Button/index.js';
14
+ import UploadIcon from '@para-ui/icons/UploadFile';
14
15
  import { s as styleInject } from './style-inject.es-300983ab.js';
15
16
  import { InputNumber } from '../InputNumber/index.js';
16
17
  import { ComboSelect } from '../ComboSelect/index.js';
@@ -280,6 +281,7 @@ var FormFile = function FormFile(props) {
280
281
  children: [!disabled && jsx(Button, Object.assign({
281
282
  variant: "outlined"
282
283
  }, buttonProps, {
284
+ startIcon: jsx(UploadIcon, {}),
283
285
  onClick: inputFileClick
284
286
  }, {
285
287
  children: buttonLabel || '选择文件'
@@ -528,6 +530,7 @@ var ItemType = function ItemType(props) {
528
530
  }
529
531
  return jsx(TextField, Object.assign({
530
532
  defaultValue: backData[name] || '',
533
+ autocomplete: "off",
531
534
  error: errorStatus,
532
535
  placeholder: tipsStr,
533
536
  onChange: function onChange(e) {
package/_verture/{index-d63bd287.js → index-232d890b.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { _ as _typeof } from './typeof-b240b062.js';
1
+ import { _ as _typeof } from './typeof-c310ee4a.js';
2
2
 
3
3
  var regeneratorRuntime$1 = {exports: {}};
4
4
 
package/_verture/{index-7ec72724.js → index-47297a40.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { _ as _toConsumableArray } from './toConsumableArray-8f4c9589.js';
2
2
  import { _ as _defineProperty } from './defineProperty-1d116156.js';
3
3
  import { _ as _slicedToArray } from './slicedToArray-a8206399.js';
4
- import { r as regenerator } from './index-d63bd287.js';
4
+ import { r as regenerator } from './index-232d890b.js';
5
5
  import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
6
6
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
7
7
  import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
@@ -271,28 +271,28 @@ styleInject(css_248z$1);
271
271
  //默认扇形按钮图标
272
272
  var getIconMap = function getIconMap(intl) {
273
273
  return {
274
- 'add': {
274
+ add: {
275
275
  icon: jsx(AddOutlinedIcon, {}),
276
276
  text: intl({
277
- id: 'add'
277
+ id: "add"
278
278
  })
279
279
  },
280
- 'edit': {
280
+ edit: {
281
281
  icon: jsx(EditOutlinedIcon, {}),
282
282
  text: intl({
283
- id: 'edit'
283
+ id: "edit"
284
284
  })
285
285
  },
286
- 'enable': {
286
+ enable: {
287
287
  icon: jsx(Forbid, {}),
288
288
  text: intl({
289
- id: 'disabled'
289
+ id: "disabled"
290
290
  })
291
291
  },
292
- 'del': {
292
+ del: {
293
293
  icon: jsx(Delete, {}),
294
294
  text: intl({
295
- id: 'delete'
295
+ id: "delete"
296
296
  })
297
297
  }
298
298
  };
@@ -310,10 +310,10 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
310
310
  var arr = [];
311
311
  Object.keys(actions).forEach(function (k) {
312
312
  var aItem = actions[k];
313
- if (k !== 'customizeActions') {
313
+ if (k !== "customizeActions") {
314
314
  //非自定义
315
- if (_typeof(aItem) === 'object') {
316
- if (typeof aItem.show === 'function') {
315
+ if (_typeof(aItem) === "object") {
316
+ if (typeof aItem.show === "function") {
317
317
  if (aItem.show(nodeData)) arr.push(Object.assign(Object.assign(Object.assign({}, IconMap[k]), aItem), {
318
318
  action: k
319
319
  }));
@@ -322,7 +322,7 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
322
322
  action: k
323
323
  }));
324
324
  }
325
- } else if (typeof aItem === 'function') {
325
+ } else if (typeof aItem === "function") {
326
326
  if (aItem(nodeData)) {
327
327
  arr.push(Object.assign(Object.assign({}, IconMap[k]), {
328
328
  action: k
@@ -336,7 +336,7 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
336
336
  } else if (Array.isArray(aItem) && aItem.length) {
337
337
  //自定义按钮
338
338
  aItem.forEach(function (_) {
339
- if (typeof _.show === 'function') {
339
+ if (typeof _.show === "function") {
340
340
  if (_.show(nodeData)) {
341
341
  arr.push(_);
342
342
  }
@@ -354,7 +354,7 @@ var OperateBar = function OperateBar(props) {
354
354
  showActions = props.showActions,
355
355
  onRemove = props.onRemove;
356
356
  var portalRef = useRef(null); //portal
357
- var uidRef = useRef(UUID().replace(/-/g, '')); //portal uid
357
+ var uidRef = useRef(UUID().replace(/-/g, "")); //portal uid
358
358
  var _useState = useState({}),
359
359
  _useState2 = _slicedToArray(_useState, 2),
360
360
  nodeData = _useState2[0],
@@ -368,14 +368,14 @@ var OperateBar = function OperateBar(props) {
368
368
  hasPortal = _useState6[0],
369
369
  setHasPortal = _useState6[1]; //创建插槽portal
370
370
  var opRefCurrent = opRef.current;
371
- var intl = useFormatMessage('Tree', localeJson);
371
+ var intl = useFormatMessage("Tree", localeJson);
372
372
  //扇形位置
373
373
  var getPosition = function getPosition(length, deg) {
374
374
  var left = Math.round(Math.sin(Math.PI / 180 * deg) * length) + "px";
375
375
  var top = -Math.round(Math.cos(Math.PI / 180 * deg) * length + 12) + "px";
376
376
  return {
377
- "left": left,
378
- "top": top
377
+ left: left,
378
+ top: top
379
379
  };
380
380
  };
381
381
  //计算扇形半径
@@ -425,7 +425,7 @@ var OperateBar = function OperateBar(props) {
425
425
  var sectorAndRotate = function sectorAndRotate() {
426
426
  var _a;
427
427
  var portal = document.getElementById(uidRef.current);
428
- var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
428
+ var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName("sector-item-container")) === null || _a === void 0 ? void 0 : _a[0];
429
429
  var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
430
430
  var parentContainer = container === null || container === void 0 ? void 0 : container.parentNode;
431
431
  var r = calcRadius(items.length);
@@ -448,7 +448,7 @@ var OperateBar = function OperateBar(props) {
448
448
  var sectorAndRotateReverse = function sectorAndRotateReverse() {
449
449
  var _a, _b;
450
450
  var portal = document.getElementById(uidRef.current);
451
- var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
451
+ var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName("sector-item-container")) === null || _a === void 0 ? void 0 : _a[0];
452
452
  var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
453
453
  for (var i = 0; i < items.length; i++) {
454
454
  var item = items[i];
@@ -484,6 +484,11 @@ var OperateBar = function OperateBar(props) {
484
484
  //渲染操作栏
485
485
  var renderOperateBar = function renderOperateBar() {
486
486
  var actionArr = toActionArr(showActions, nodeData, getIconMap(intl));
487
+ if (actionArr.length > 1) {
488
+ var temp = actionArr[0];
489
+ actionArr[0] = actionArr[1];
490
+ actionArr[1] = temp;
491
+ }
487
492
  if (!(actionArr === null || actionArr === void 0 ? void 0 : actionArr.length)) return null;
488
493
  return actionArr.map(function (item, idx) {
489
494
  var _ref2 = item !== null && item !== void 0 ? item : {},
@@ -494,8 +499,8 @@ var OperateBar = function OperateBar(props) {
494
499
  title: text
495
500
  }, {
496
501
  children: jsx("li", Object.assign({
497
- className: clsx('sector-item', {
498
- 'sector-item--del': action === 'del'
502
+ className: clsx("sector-item", {
503
+ "sector-item--del": action === "del"
499
504
  }),
500
505
  onClick: function onClick(evt) {
501
506
  return handleNodeActions(nodeData, action, evt);
@@ -518,10 +523,10 @@ var OperateBar = function OperateBar(props) {
518
523
  var createPortal = function createPortal() {
519
524
  var portal = document.getElementById(uidRef.current);
520
525
  if (!portal) {
521
- portal = document.createElement('div');
526
+ portal = document.createElement("div");
522
527
  portal.id = uidRef.current;
523
- portal.style.position = 'fixed';
524
- portal.style.top = '-9999px';
528
+ portal.style.position = "fixed";
529
+ portal.style.top = "-9999px";
525
530
  portal.style.zIndex = 1500;
526
531
  document.body.appendChild(portal);
527
532
  setHasPortal(true);
@@ -618,11 +623,13 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
618
623
  paramsCallback = props.paramsCallback,
619
624
  titleRender = props.titleRender,
620
625
  emptyProps = props.emptyProps,
626
+ emptyClassName = props.emptyClassName,
621
627
  notFoundContent = props.notFoundContent,
622
628
  wrapperClassName = props.wrapperClassName,
623
629
  wrapperStyle = props.wrapperStyle,
624
630
  _props$showLoading = props.showLoading,
625
631
  showLoading = _props$showLoading === void 0 ? true : _props$showLoading,
632
+ loadingNode = props.loadingNode,
626
633
  onLoadedKey = props.onLoadedKey,
627
634
  _props$tipMaxWidth = props.tipMaxWidth,
628
635
  tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth;
@@ -1265,7 +1272,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
1265
1272
  }, [localFilter, localParams]);
1266
1273
  //渲染空状态
1267
1274
  var renderEmpty = jsx("div", Object.assign({
1268
- className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className),
1275
+ className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className, emptyClassName),
1269
1276
  style: props.style
1270
1277
  }, {
1271
1278
  children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
@@ -1278,7 +1285,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
1278
1285
  firstRender.current = false;
1279
1286
  return null;
1280
1287
  } else if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length)) {
1281
- return renderEmpty;
1288
+ return !loading ? renderEmpty : null;
1282
1289
  }
1283
1290
  var tCheckedKeys = inCheckedKeys;
1284
1291
  if (checkStrictly) {
@@ -1334,7 +1341,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
1334
1341
  className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
1335
1342
  style: wrapperStyle
1336
1343
  }, {
1337
- children: [treeMemo, loading && jsx(Loading, {})]
1344
+ children: [treeMemo, loading && (loadingNode || jsx(Loading, {}))]
1338
1345
  })), renderOperateBar()]
1339
1346
  });
1340
1347
  });
@@ -1361,7 +1368,7 @@ if (!Element.prototype.closest) {
1361
1368
  };
1362
1369
  }
1363
1370
 
1364
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v4-tree-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox-input:focus + .paraui-v4-tree-checkbox-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(46, 101, 230);\n border-radius: 2px;\n visibility: hidden;\n animation: treeCheckboxEffect 0.36s ease-in-out;\n animation-fill-mode: backwards;\n content: \"\";\n box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v4-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: 16px;\n height: 16px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox-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 cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n}\n\n.paraui-v4-tree-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v4-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-wrapper + .paraui-v4-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v4-tree-checkbox + span {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.paraui-v4-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v4-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v4-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v4-tree-checkbox-group-item + .paraui-v4-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v4-tree-wrapper .paraui-v4-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v4-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v4-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode {\n display: flex;\n align-items: flex-start;\n outline: none;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v4-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v4-tree-switcher {\n position: relative;\n flex: none;\n align-self: stretch;\n width: 24px;\n margin: 0;\n line-height: 24px;\n text-align: center;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon {\n display: inline-block;\n font-size: 14px;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher-loading-icon {\n color: rgb(46, 101, 230);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-checkbox {\n top: initial;\n margin: 6px 6px 0 0;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n padding: 0 6px;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle {\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-left: -6px;\n line-height: 26px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: inherit;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty {\n display: none;\n}\n.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(46, 101, 230);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(46, 101, 230);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v4-tree .paraui-v4-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(46, 101, 230);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-node-content-wrapper {\n overflow: hidden;\n display: flex;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title {\n display: flex;\n align-items: center;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active {\n background-color: rgb(247, 248, 250) !important;\n border-radius: 4px !important;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex-grow: 0;\n flex-shrink: 1;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n margin: 0 -6px;\n padding: 0 6px;\n overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n position: relative;\n margin: 1px 0 0 18px;\n line-height: 18px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgb(247, 248, 250);\n pointer-events: none;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover {\n background: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle {\n position: absolute;\n left: 8px;\n top: 0;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox {\n display: none !important;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked + .paraui-v4-tree-node-content-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper {\n padding-left: 28px;\n}\n\n.paraui-v4-tree-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}";
1371
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v4-tree-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v4-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner, .paraui-v4-tree-checkbox-input:focus + .paraui-v4-tree-checkbox-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(46, 101, 230);\n border-radius: 2px;\n visibility: hidden;\n animation: treeCheckboxEffect 0.36s ease-in-out;\n animation-fill-mode: backwards;\n content: \"\";\n box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v4-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: 14px;\n height: 14px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v4-tree-checkbox-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 cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 1px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n width: 4px;\n height: 8px;\n top: 45%;\n left: 21%;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n line-height: 16px;\n content: \" \";\n}\n\n.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgba(0, 0, 0, 0);\n line-height: 16px;\n}\n\n.paraui-v4-tree-checkbox-disabled {\n cursor: not-allowed;\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n border-color: rgb(212, 218, 227) !important;\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner::after {\n border-color: rgb(255, 255, 255);\n color: rgb(255, 255, 255);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n border-color: #fff !important;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v4-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-disabled:hover::after, .paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v4-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-tree-checkbox-wrapper + .paraui-v4-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v4-tree-checkbox + span {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.paraui-v4-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v4-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v4-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v4-tree-checkbox-group-item + .paraui-v4-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner {\n background-color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v4-tree-wrapper .paraui-v4-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v4-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v4-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode {\n display: flex;\n align-items: flex-start;\n outline: none;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v4-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v4-tree-switcher {\n position: relative;\n flex: none;\n align-self: stretch;\n width: 24px;\n margin: 0;\n line-height: 24px;\n text-align: center;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon {\n display: inline-block;\n font-size: 14px;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,\n.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v4-tree-switcher-loading-icon {\n color: rgb(46, 101, 230);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v4-tree-checkbox {\n top: initial;\n margin: 6px 6px 0 0;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n padding: 0 6px;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 4px;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle {\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-left: -6px;\n line-height: 26px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: inherit;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty {\n display: none;\n}\n.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(46, 101, 230);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(46, 101, 230);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v4-tree .paraui-v4-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(46, 101, 230);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover {\n color: rgb(46, 101, 230);\n background: rgb(247, 248, 250);\n}\n.paraui-v4-tree-node-content-wrapper {\n overflow: hidden;\n display: flex;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active {\n background-color: rgb(247, 248, 250) !important;\n border-radius: 2px !important;\n}\n.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper {\n flex-grow: 0;\n flex-shrink: 1;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n margin: 0 -6px;\n padding: 0 8px;\n overflow: hidden;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor {\n position: relative;\n margin: 1px 0 0 10px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgb(247, 248, 250);\n pointer-events: none;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover {\n background: rgba(212, 218, 227, 0.4);\n border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(46, 101, 230);\n background: rgba(212, 218, 227, 0.4);\n border-radius: 2px;\n}\n.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle {\n position: absolute;\n left: 8px;\n top: 0;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox {\n display: none !important;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked + .paraui-v4-tree-node-content-wrapper {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper {\n padding-left: 28px;\n}\n\n.paraui-v4-tree-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}";
1365
1372
  styleInject(css_248z);
1366
1373
 
1367
1374
  export { Tree as T };