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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/AutoTips/index.js +4 -10
  2. package/Button/index.js +5 -35
  3. package/Cascader/index.js +2 -2
  4. package/Checkbox/index.js +1 -1
  5. package/CheckboxGroup/index.js +1 -1
  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 +1 -1
  10. package/CopyText/index.js +3 -3
  11. package/DatePicker/index.js +2 -2
  12. package/Descriptions/index.d.ts +38 -0
  13. package/Descriptions/index.js +23 -0
  14. package/Drawer/index.js +12 -6
  15. package/Drawer/interface.d.ts +2 -4
  16. package/DynamicMultiBox/index.js +2 -2
  17. package/Empty/index.js +1 -1
  18. package/Form/index.js +2 -2
  19. package/FormItem/index.js +2 -2
  20. package/FunctionModal/index.js +5 -6
  21. package/GlobalContext/confirmLocale.d.ts +1 -2
  22. package/GlobalContext/index.js +3 -2
  23. package/Help/index.js +1 -1
  24. package/InputNumber/index.d.ts +2 -0
  25. package/InputNumber/index.js +24 -12
  26. package/Menu/index.js +3 -3
  27. package/Message/index.js +1 -1
  28. package/Modal/index.js +16 -13
  29. package/Modal/lang/index.d.ts +8 -0
  30. package/MultiBox/index.js +1 -1
  31. package/Notification/index.js +1 -1
  32. package/OperateBtn/index.js +13 -17
  33. package/PageHeader/index.js +16 -5
  34. package/Pagination/index.js +2 -2
  35. package/PasswordRules/index.js +1 -1
  36. package/PopConfirm/index.js +7 -6
  37. package/Progress/index.js +3 -2
  38. package/Querying/index.js +1 -1
  39. package/README.md +4 -0
  40. package/Radio/index.js +1 -1
  41. package/RadioGroup/index.js +1 -1
  42. package/Select/index.js +1 -1
  43. package/Selector/index.js +11 -19
  44. package/SelectorPicker/index.js +1 -1
  45. package/SingleBox/index.js +1 -1
  46. package/Slider/index.js +1 -1
  47. package/Status/index.js +2 -3
  48. package/Styles/theme.scss +1 -0
  49. package/Switch/index.js +15 -16
  50. package/Table/index.js +1 -1
  51. package/Tabs/index.js +2 -2
  52. package/TextField/index.js +6 -3
  53. package/TimePicker/index.js +1 -1
  54. package/ToggleButton/index.js +1 -1
  55. package/Transfer/index.js +1 -4
  56. package/Tree/index.js +2 -2
  57. package/Upload/index.js +3 -4
  58. package/_verture/{index-0f315bca.js → index-024bbc9b.js} +1 -1
  59. package/_verture/{index-19947788.js → index-05f7bf11.js} +3 -1
  60. package/_verture/{index-92e406f4.js → index-50f56891.js} +1 -1
  61. package/_verture/{index-d251967e.js → index-649b450f.js} +1 -1
  62. package/_verture/{index-bc461491.js → index-692e29c1.js} +9 -2
  63. package/index.d.ts +2 -0
  64. package/index.js +11 -9
  65. package/locale/index.js +1 -1
  66. package/package.json +2 -2
  67. package/umd/AutoTips.js +1 -1
  68. package/umd/Button.js +1 -1
  69. package/umd/ButtonGroup.js +1 -1
  70. package/umd/Cascader.js +6 -6
  71. package/umd/Checkbox.js +1 -1
  72. package/umd/CheckboxGroup.js +2 -2
  73. package/umd/Collapse.js +5 -5
  74. package/umd/CollapseLayout.js +4 -4
  75. package/umd/ColorPicker.js +1 -1
  76. package/umd/ComboSelect.js +2 -2
  77. package/umd/CopyText.js +2 -2
  78. package/umd/DatePicker.js +2 -2
  79. package/umd/Descriptions.js +1 -0
  80. package/umd/Desktop.js +2 -2
  81. package/umd/Drawer.js +2 -2
  82. package/umd/DynamicMultiBox.js +2 -2
  83. package/umd/Empty.js +1 -1
  84. package/umd/Form.js +2 -2
  85. package/umd/FormItem.js +2 -2
  86. package/umd/FunctionModal.js +4 -4
  87. package/umd/GlobalContext.js +1 -1
  88. package/umd/Help.js +1 -1
  89. package/umd/InputLang.js +2 -2
  90. package/umd/InputNumber.js +4 -4
  91. package/umd/Label.js +1 -1
  92. package/umd/Menu.js +2 -2
  93. package/umd/Message.js +1 -1
  94. package/umd/Modal.js +4 -4
  95. package/umd/MultiBox.js +2 -2
  96. package/umd/Notification.js +1 -1
  97. package/umd/OperateBtn.js +3 -3
  98. package/umd/PageHeader.js +4 -4
  99. package/umd/Pagination.js +4 -4
  100. package/umd/PasswordRules.js +1 -1
  101. package/umd/PopConfirm.js +2 -2
  102. package/umd/Progress.js +3 -3
  103. package/umd/Querying.js +1 -1
  104. package/umd/Radio.js +1 -1
  105. package/umd/RadioGroup.js +2 -2
  106. package/umd/Search.js +2 -2
  107. package/umd/Select.js +1 -1
  108. package/umd/SelectInput.js +1 -1
  109. package/umd/Selector.js +2 -2
  110. package/umd/SelectorPicker.js +2 -2
  111. package/umd/SingleBox.js +2 -2
  112. package/umd/Slider.js +1 -1
  113. package/umd/Status.js +2 -2
  114. package/umd/Switch.js +2 -2
  115. package/umd/Table.js +6 -6
  116. package/umd/Tabs.js +6 -6
  117. package/umd/TextEditor.js +1 -1
  118. package/umd/TextField.js +2 -2
  119. package/umd/TimePicker.js +2 -2
  120. package/umd/Title.js +7 -7
  121. package/umd/ToggleButton.js +3 -3
  122. package/umd/Transfer.js +3 -3
  123. package/umd/Tree.js +2 -2
  124. package/umd/Upload.js +2 -2
  125. package/umd/locale.js +1 -1
  126. /package/_verture/{modalContext-9299acc9.js → modalContext-11c51a45.js} +0 -0
package/Menu/index.js CHANGED
@@ -1059,7 +1059,7 @@ var FooterExpansion = function FooterExpansion(props) {
1059
1059
  return jsx("span", Object.assign({
1060
1060
  className: 'icon'
1061
1061
  }, {
1062
- children: jsx(MenuMoreLine, {
1062
+ children: jsx(MenuLessLine, {
1063
1063
  onClick: clickExpansionCom
1064
1064
  })
1065
1065
  }));
@@ -1068,7 +1068,7 @@ var FooterExpansion = function FooterExpansion(props) {
1068
1068
  return jsx("span", Object.assign({
1069
1069
  className: 'icon'
1070
1070
  }, {
1071
- children: jsx(MenuLessLine, {
1071
+ children: jsx(MenuMoreLine, {
1072
1072
  onClick: clickExpansionCom
1073
1073
  })
1074
1074
  }));
@@ -1096,7 +1096,7 @@ var FooterExpansion = function FooterExpansion(props) {
1096
1096
  }));
1097
1097
  };
1098
1098
 
1099
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-vertical-menu {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\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}\n.paraui-v4-vertical-menu > .menu-logo {\n width: 100%;\n display: inline-block;\n padding: 20px 16px 0 16px;\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}\n.paraui-v4-vertical-menu > .menu-logo.menu-logo-shrink {\n padding: 20px 0 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list {\n overflow: hidden;\n height: 100%;\n position: relative;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span > svg {\n transform: rotate(180deg);\n font-size: 18px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n height: 100%;\n overflow: hidden;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n transition: all 0.3s;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n cursor: pointer;\n display: flex;\n border-radius: 4px;\n text-decoration: none;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon {\n width: 20px;\n margin-right: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n font-size: 16px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content {\n font-size: 14px;\n width: 100%;\n white-space: nowrap;\n font-weight: 400;\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content > .menu-item-label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content > .menu-item-badge {\n height: 16px;\n min-width: 16px;\n color: white;\n background: rgb(46, 101, 230);\n border-radius: 8px;\n margin-left: 10px;\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0 4px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content > .menu-item-badge > span {\n height: 16px;\n line-height: 16px;\n transform: scale(0.8);\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow {\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n font-size: 16px;\n transition: all 0.3s;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n transform: rotate(180deg);\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span > svg {\n font-size: 18px;\n}\n.paraui-v4-vertical-menu > .footer-expansion {\n display: flex;\n align-items: center;\n width: 100%;\n padding-bottom: 20px;\n white-space: nowrap;\n height: 40px;\n padding-left: 16px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon svg {\n font-size: 24px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .version {\n font-size: 14px;\n width: calc(100% - 32px);\n text-align: right;\n padding-right: 20px;\n padding-left: 12px;\n}\n.paraui-v4-vertical-menu > .footer-expansion.footer-expansion-shrink {\n justify-content: center;\n padding-left: 0;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n height: 100%;\n overflow: hidden;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n margin-bottom: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n position: relative;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > svg {\n position: relative;\n font-size: 20px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge {\n position: absolute;\n height: 16px;\n min-width: 16px;\n color: white;\n background: rgb(46, 101, 230);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0 1px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge > span {\n height: 16px;\n line-height: 16px;\n transform: scale(0.8);\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list {\n padding: 24px 16px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n margin-bottom: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n margin-top: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n height: 40px;\n line-height: 40px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n width: 40px;\n height: 40px;\n line-height: 40px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge {\n left: 20px;\n top: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list {\n padding: 24px 12px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n margin-bottom: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n margin-top: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n height: 36px;\n line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n width: 36px;\n height: 36px;\n line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge {\n left: 18px;\n top: 1px;\n}\n\n.paraui-v4-vertical-menu-item-popper {\n padding-left: 8px;\n z-index: 1500;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n border-radius: 4px;\n padding: 4px 0;\n max-height: 320px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 200px;\n padding: 0px 10px;\n display: flex;\n cursor: pointer;\n text-decoration: none;\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n content: \"\";\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n width: 16px;\n display: none;\n justify-content: center;\n align-items: center;\n margin-right: 12px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 20px;\n position: relative;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n font-size: 14px;\n width: 100%;\n font-weight: 400;\n white-space: nowrap;\n overflow: hidden;\n display: flex;\n align-items: center;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge {\n height: 16px;\n min-width: 16px;\n color: white;\n background: rgb(46, 101, 230);\n border-radius: 8px;\n margin-left: 10px;\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0 4px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge > span {\n height: 16px;\n line-height: 16px;\n transform: scale(0.8);\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 16px;\n transition: all 0.3s;\n position: relative;\n transform: rotate(270deg);\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v4-vertical-menu-deep {\n background-color: rgb(28, 41, 60);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .menu-logo svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon {\n background: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .version {\n color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > .vertical-menu-list-item-shrink-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(34, 54, 102);\n}\n\n.paraui-v4-vertical-menu-light {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-vertical-menu-light > .menu-logo {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .menu-logo svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span > svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon {\n background: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .version {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > .vertical-menu-list-item-shrink-content {\n background-color: rgb(234, 236, 241);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > .vertical-menu-list-item-shrink-content > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(234, 236, 241);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > .vertical-menu-list-item-shrink-content > svg {\n color: rgb(46, 101, 230);\n}\n\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: inherit;\n height: inherit;\n line-height: inherit;\n padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: none;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content {\n background-color: rgb(28, 41, 60);\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: inherit;\n height: inherit;\n line-height: inherit;\n padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: none;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content {\n background-color: rgb(255, 255, 255);\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: rgb(234, 236, 241);\n}";
1099
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-vertical-menu {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\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}\n.paraui-v4-vertical-menu > .menu-logo {\n width: 100%;\n display: inline-block;\n padding: 20px 16px 0 16px;\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}\n.paraui-v4-vertical-menu > .menu-logo.menu-logo-shrink {\n padding: 20px 0 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list {\n overflow: hidden;\n height: 100%;\n position: relative;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-top > span > svg {\n transform: rotate(180deg);\n font-size: 18px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box {\n height: 100%;\n overflow: hidden;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll {\n transition: all 0.3s;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n cursor: pointer;\n display: flex;\n border-radius: 4px;\n text-decoration: none;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon {\n width: 20px;\n margin-right: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n font-size: 16px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content {\n font-size: 14px;\n width: 100%;\n white-space: nowrap;\n font-weight: 400;\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content > .menu-item-label {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content > .menu-item-badge {\n height: 16px;\n min-width: 16px;\n color: white;\n background: rgb(46, 101, 230);\n border-radius: 8px;\n margin-left: 10px;\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0 4px;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content > .menu-item-badge > span {\n height: 16px;\n line-height: 16px;\n transform: scale(0.8);\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow {\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n font-size: 16px;\n transition: all 0.3s;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n transform: rotate(180deg);\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span {\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-vertical-menu > .vertical-menu-list > .scroll-bottom > span > svg {\n font-size: 18px;\n}\n.paraui-v4-vertical-menu > .footer-expansion {\n display: flex;\n align-items: center;\n width: 100%;\n padding-bottom: 16px;\n white-space: nowrap;\n height: 48px;\n padding-left: 16px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .icon svg {\n font-size: 24px;\n}\n.paraui-v4-vertical-menu > .footer-expansion > .version {\n font-size: 14px;\n width: calc(100% - 32px);\n text-align: right;\n padding-right: 20px;\n padding-left: 12px;\n}\n.paraui-v4-vertical-menu > .footer-expansion.footer-expansion-shrink {\n justify-content: center;\n padding-left: 0;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box {\n height: 100%;\n overflow: hidden;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n cursor: pointer;\n margin-bottom: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n position: relative;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > svg {\n position: relative;\n font-size: 20px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge {\n position: absolute;\n height: 16px;\n min-width: 16px;\n color: white;\n background: rgb(46, 101, 230);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0 1px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge > span {\n height: 16px;\n line-height: 16px;\n transform: scale(0.8);\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list {\n padding: 24px 16px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n margin-bottom: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n margin-top: 8px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n height: 40px;\n line-height: 40px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n width: 40px;\n height: 40px;\n line-height: 40px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge {\n left: 20px;\n top: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list {\n padding: 24px 12px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item {\n margin-bottom: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .li-collapse > div > div > .vertical-menu-list-item:first-child {\n margin-top: 4px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content {\n height: 36px;\n line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list {\n padding: 24px 0px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n width: 36px;\n height: 36px;\n line-height: 36px;\n}\n.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > .menu-item-shrink-badge {\n left: 18px;\n top: 1px;\n}\n\n.paraui-v4-vertical-menu-item-popper {\n padding-left: 8px;\n z-index: 1500;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n border-radius: 4px;\n padding: 4px 0;\n max-height: 320px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 200px;\n padding: 0px 10px;\n display: flex;\n cursor: pointer;\n text-decoration: none;\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n content: \"\";\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n width: 16px;\n display: none;\n justify-content: center;\n align-items: center;\n margin-right: 12px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 20px;\n position: relative;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n font-size: 14px;\n width: 100%;\n font-weight: 400;\n white-space: nowrap;\n overflow: hidden;\n display: flex;\n align-items: center;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge {\n height: 16px;\n min-width: 16px;\n color: white;\n background: rgb(46, 101, 230);\n border-radius: 8px;\n margin-left: 10px;\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n padding: 0 4px;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content > .menu-item-badge > span {\n height: 16px;\n line-height: 16px;\n transform: scale(0.8);\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n width: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 16px;\n transition: all 0.3s;\n position: relative;\n transform: rotate(270deg);\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v4-vertical-menu-deep {\n background-color: rgb(28, 41, 60);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .menu-logo svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v4-vertical-menu-deep > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon {\n background: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .icon:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-deep > .footer-expansion > .version {\n color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > .vertical-menu-list-item-shrink-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(34, 54, 102);\n}\n\n.paraui-v4-vertical-menu-light {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-vertical-menu-light > .menu-logo {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .menu-logo svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span > svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-top > span:hover > svg, .paraui-v4-vertical-menu-light > .vertical-menu-list > .scroll-bottom > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-icon > svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-content {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item > .vertical-menu-list-item-content > .menu-item-arrow > svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last > .vertical-menu-list-item-content, .paraui-v4-vertical-menu-light > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract > .vertical-menu-list-item-content {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon {\n background: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .icon:hover svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light > .footer-expansion > .version {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink > .vertical-menu-list-item-shrink-content > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > .vertical-menu-list-item-shrink-content {\n background-color: rgb(234, 236, 241);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select > .vertical-menu-list-item-shrink-content > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > .vertical-menu-list-item-shrink-content {\n background-color: rgb(234, 236, 241);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink > .vertical-menu-list > .vertical-menu-list-box > .vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover > .vertical-menu-list-item-shrink-content > svg {\n color: rgb(46, 101, 230);\n}\n\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: inherit;\n height: inherit;\n line-height: inherit;\n padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: none;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content {\n background-color: rgb(28, 41, 60);\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: rgb(34, 54, 102);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content {\n background-color: rgba(29, 33, 38, 0.9);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: inherit;\n height: inherit;\n line-height: inherit;\n padding: 2px 12px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: white;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: none;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: transparent;\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content {\n background-color: rgb(255, 255, 255);\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-content {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content.menu-item-popper-content-item-hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-vertical-menu-item-popper-light > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content {\n background-color: rgb(234, 236, 241);\n}";
1100
1100
  styleInject(css_248z);
1101
1101
 
1102
1102
  var Menu = function Menu(props) {
package/Message/index.js CHANGED
@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
11
11
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
12
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
13
13
 
14
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n /*从上到下进入*/\n /*从上到下*/\n}\n.paraui-v4-message-box--message-float {\n position: fixed;\n top: 3%;\n left: 0;\n z-index: 9999;\n text-align: center;\n width: 100%;\n pointer-events: none;\n}\n.paraui-v4-message-box .msg-icon {\n position: absolute;\n top: 13px;\n left: 16px;\n line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n font-size: 14px;\n color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n display: inline-block;\n max-width: 354px;\n word-wrap: break-word;\n margin-right: 32px;\n margin-left: 22px;\n line-height: 20px;\n word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n display: block;\n margin-top: 5px;\n font-weight: 400;\n word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n width: 16px;\n height: 16px;\n border-radius: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 13px;\n cursor: pointer;\n line-height: 0;\n pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n font-size: 14px;\n color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n position: relative;\n display: inline-block;\n margin: 10px auto;\n min-height: 40px;\n padding: 10px 16px;\n border-radius: 4px;\n font-size: 14px;\n text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n padding: 13px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n top: 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n top: 16px;\n}\n.paraui-v4-message-box .msg-info {\n background-color: rgb(240, 245, 255);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n background-color: rgb(255, 246, 235);\n color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n background-color: rgb(255, 235, 235);\n color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n background-color: rgb(232, 252, 239);\n color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-message-box .message-fadeInDown {\n animation-duration: 0.5s;\n animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n from {\n opacity: 0;\n transform: translate(0, -50px); /* 标准语法 */\n }\n to {\n opacity: 1;\n transform: translate(0, 0); /* 标准语法 */\n }\n}";
14
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n /*从上到下进入*/\n /*从上到下*/\n}\n.paraui-v4-message-box--message-float {\n position: fixed;\n top: 3%;\n left: 0;\n z-index: 9999;\n text-align: center;\n width: 100%;\n pointer-events: none;\n}\n.paraui-v4-message-box .msg-icon {\n position: absolute;\n top: 11px;\n left: 16px;\n line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n font-size: 18px;\n color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n display: inline-block;\n width: 352px;\n word-wrap: break-word;\n margin-right: 32px;\n margin-left: 24px;\n line-height: 20px;\n word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n display: block;\n margin-top: 8px;\n font-weight: 400;\n word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n width: 18px;\n height: 18px;\n border-radius: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 11px;\n cursor: pointer;\n line-height: 0;\n pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n font-size: 18px;\n color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n position: relative;\n display: inline-block;\n margin: 10px auto;\n min-height: 40px;\n padding: 10px 16px;\n border-radius: 4px;\n font-size: 14px;\n text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n padding: 16px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n top: 17px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n top: 17px;\n}\n.paraui-v4-message-box .msg-info {\n background-color: rgb(240, 245, 255);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n background-color: rgb(255, 246, 235);\n color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n background-color: rgb(255, 235, 235);\n color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n background-color: rgb(232, 252, 239);\n color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-message-box .message-fadeInDown {\n animation-duration: 0.5s;\n animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n from {\n opacity: 0;\n transform: translate(0, -50px); /* 标准语法 */\n }\n to {\n opacity: 1;\n transform: translate(0, 0); /* 标准语法 */\n }\n}";
15
15
  styleInject(css_248z);
16
16
 
17
17
  //图标map
package/Modal/index.js CHANGED
@@ -6,33 +6,32 @@ import Dialog from 'rc-dialog';
6
6
  import { Button } from '../Button/index.js';
7
7
  import CloseIcon from '@para-ui/icons/Close';
8
8
  import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
9
- import { d as defaultModalLocale } from '../_verture/index-19947788.js';
9
+ import { d as defaultModalLocale } from '../_verture/index-05f7bf11.js';
10
10
  import ReactDOM from 'react-dom';
11
11
  import clsx from 'clsx';
12
12
  import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
13
13
  import AutoTips from '../AutoTips/index.js';
14
14
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
15
15
  import CompleteIcon from '@para-ui/icons/CheckCircleF';
16
- import CloseCircleF from '@para-ui/icons/CloseCircleF';
17
- import InfoOutlined from '@para-ui/icons/WarningCircle';
18
16
  import WarningCircleF from '@para-ui/icons/WarningCircleF';
17
+ import CloseCircleF from '@para-ui/icons/CloseCircleF';
19
18
  import { UUID } from '@paraview/lib';
20
19
  import { getConfirmLocale } from '@para-ui/core/GlobalContext';
21
20
  import '../_verture/typeof-adeedc13.js';
22
21
  import '../_verture/slicedToArray-a8206399.js';
23
22
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
24
23
  import '@para-ui/icons/LoadingF';
25
- import '@para-ui/icons/Forbid';
26
24
  import '../Tooltip/index.js';
27
25
  import 'rc-tooltip';
28
26
  import 'rc-tooltip/lib/placements';
27
+ import '@para-ui/icons/Forbid';
29
28
  import '@para-ui/icons/Down';
30
29
  import '../_verture/index-e9007d6a.js';
31
30
  import 'rc-dropdown';
32
31
  import '../_verture/usePopupContainer-87febeb9.js';
33
32
  import 'dayjs';
34
33
 
35
- var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-confirm.paraui-v4-modal .paraui-v4-modal-body {\n padding: 0;\n}\n.paraui-v4-confirm .confirm-wrapper {\n width: 416px;\n outline: none;\n}\n.paraui-v4-confirm .confirm-content {\n position: relative;\n padding: 32px 32px 24px;\n}\n.paraui-v4-confirm .confirm-content-close {\n position: absolute;\n right: 16px;\n top: 16px;\n border: none;\n}\n.paraui-v4-confirm .confirm-content-close svg {\n font-size: 18px;\n}\n.paraui-v4-confirm .confirm-content-icon {\n float: left;\n margin-top: 3px;\n color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon svg {\n color: inherit;\n font-size: 14px;\n}\n.paraui-v4-confirm .confirm-content-icon--warn, .paraui-v4-confirm .confirm-content-icon-warning {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon--error {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-confirm .confirm-content-icon--success {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-confirm .confirm-content-icon--info {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-confirm .confirm-content-body {\n margin: 0 16px 0 30px;\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n}\n.paraui-v4-confirm .confirm-content-body .confirm-body-title {\n display: block;\n margin-bottom: 8px;\n font-weight: 700;\n font-size: 16px;\n}\n.paraui-v4-confirm .confirm-content-actions {\n margin-top: 24px;\n text-align: right;\n}\n.paraui-v4-confirm .confirm-content-actions > button + button {\n margin-left: 16px;\n}";
34
+ var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-confirm.paraui-v4-modal .paraui-v4-modal-body {\n padding: 0;\n}\n.paraui-v4-confirm .confirm-wrapper {\n width: 416px;\n outline: none;\n}\n.paraui-v4-confirm .confirm-content {\n position: relative;\n padding: 16px;\n border-radius: 8px;\n}\n.paraui-v4-confirm .confirm-content-close {\n position: absolute;\n top: 16px;\n right: 16px;\n border: none;\n}\n.paraui-v4-confirm .confirm-content-close svg {\n font-size: 18px;\n}\n.paraui-v4-confirm .confirm-content-icon {\n float: left;\n margin-top: 2px;\n color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon svg {\n font-size: 18px;\n color: inherit;\n}\n.paraui-v4-confirm .confirm-content-icon--warn, .paraui-v4-confirm .confirm-content-icon-warning {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-confirm .confirm-content-icon--error {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-confirm .confirm-content-icon--success {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-confirm .confirm-content-icon--info {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-confirm .confirm-content-body {\n margin: 0 16px 0 26px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-confirm .confirm-content-body .confirm-body-title {\n display: block;\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 700;\n}\n.paraui-v4-confirm .confirm-content-actions {\n margin-top: 12px;\n text-align: right;\n}\n.paraui-v4-confirm .confirm-content-actions > button + button {\n margin-left: 16px;\n}";
36
35
  styleInject(css_248z$1);
37
36
 
38
37
  //图标
@@ -41,7 +40,7 @@ var iconMap = {
41
40
  warn: jsx(WarningCircleF, {}),
42
41
  warning: jsx(WarningCircleF, {}),
43
42
  error: jsx(CloseCircleF, {}),
44
- info: jsx(InfoOutlined, {})
43
+ info: jsx(WarningCircleF, {})
45
44
  };
46
45
  //confirm modal
47
46
  var ConfirmDialog = function ConfirmDialog(props) {
@@ -110,7 +109,11 @@ var ConfirmDialog = function ConfirmDialog(props) {
110
109
  }))]
111
110
  }));
112
111
  };
113
- return jsx(Modal, Object.assign({}, restProps, {
112
+ return jsx(Modal, Object.assign({
113
+ bodyStyle: {
114
+ minHeight: 'auto'
115
+ }
116
+ }, restProps, {
114
117
  onOk: handleOk,
115
118
  onCancel: handleCancel,
116
119
  title: "",
@@ -227,7 +230,7 @@ var Confirm = {
227
230
  destroyAll: destroyAllConfirm
228
231
  };
229
232
 
230
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-modal-close {\n color: rgb(92, 101, 115);\n}\n\n.paraui-v4-modal {\n color: rgba(29, 33, 38, 0.9);\n font-size: 14px;\n line-height: 1.5715;\n pointer-events: none;\n position: relative;\n top: 100px;\n width: auto;\n max-width: calc(100vw - 32px);\n margin: 0 auto;\n padding-bottom: 24px;\n}\n.paraui-v4-modal.paraui-v4-modal-sm .paraui-v4-modal-content {\n width: 430px;\n max-height: 250px;\n}\n.paraui-v4-modal.paraui-v4-modal-md .paraui-v4-modal-content {\n width: 486px;\n max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-lg .paraui-v4-modal-content {\n width: 948px;\n max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-fullscreen {\n max-width: 100%;\n width: 100%;\n height: 100%;\n}\n.paraui-v4-modal.paraui-v4-modal-zoom-enter, .paraui-v4-modal.paraui-v4-modal-zoom-appear {\n transform: none;\n opacity: 0;\n animation-duration: 0.3s;\n user-select: none;\n}\n.paraui-v4-modal-mask {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1500;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v4-modal-mask-hidden {\n display: none;\n}\n.paraui-v4-modal-wrap {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: auto;\n outline: 0;\n z-index: 1500;\n -webkit-overflow-scrolling: touch;\n}\n.paraui-v4-modal .paraui-v4-modal-content {\n display: flex;\n height: 100%;\n flex-direction: column;\n position: relative;\n border-radius: 4px;\n background-color: white;\n pointer-events: auto;\n overflow-y: auto;\n}\n.paraui-v4-modal.paraui-v4-modal-without-mask .paraui-v4-modal-content {\n box-shadow: 0 2px 8px 0 rgb(234, 236, 241);\n}\n.paraui-v4-modal .paraui-v4-modal-title {\n position: relative;\n height: 50px;\n padding: 15px 20px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n line-height: 20px;\n overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close {\n position: absolute;\n top: 11px;\n right: 15px;\n z-index: 10;\n border: 0;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close .paraui-v4-modal-close-icon {\n font-size: 18px;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-title-text {\n width: calc(100% - 28px);\n}\n.paraui-v4-modal .paraui-v4-modal-body {\n flex: auto;\n padding: 0 20px;\n overflow-y: auto;\n overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-footer {\n height: 72px;\n padding: 0 20px;\n text-align: right;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n.paraui-v4-modal .paraui-v4-modal-footer > button + button {\n margin-left: 16px;\n}\n.paraui-v4-modal-open {\n overflow: hidden;\n}\n.paraui-v4-modal-centered {\n text-align: center;\n}\n.paraui-v4-modal-centered::before {\n display: inline-block;\n width: 0;\n height: 100%;\n vertical-align: middle;\n content: \"\";\n}\n.paraui-v4-modal-centered .paraui-v4-modal {\n top: 0;\n display: inline-block;\n padding-bottom: 0;\n text-align: left;\n vertical-align: middle;\n}\n@media (max-width: 767px) {\n .paraui-v4-modal .paraui-v4-modal {\n max-width: calc(100vw - 16px);\n margin: 8px auto;\n }\n .paraui-v4-modal .paraui-v4-modal-centered .paraui-v4-modal {\n flex: 1;\n }\n}\n\n.paraui-v4-modal-zoom-enter,\n.paraui-v4-modal-zoom-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-v4-modal-zoom-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.paraui-v4-modal-zoom-enter.paraui-v4-modal-zoom-enter-active,\n.paraui-v4-modal-zoom-appear.paraui-v4-modal-zoom-appear-active {\n animation-name: paraui-v4ModalZoomIn;\n animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-leave.paraui-v4-modal-zoom-leave-active {\n animation-name: paraui-v4ModalZoomOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.paraui-v4-modal-zoom-enter-prepare,\n.paraui-v4-modal-zoom-appear-prepare {\n transform: none;\n}\n\n.paraui-v4-modal-zoom-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.paraui-v4-modal-fade-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.paraui-v4-modal-fade-enter.paraui-v4-modal-fade-enter-active,\n.paraui-v4-modal-fade-appear.paraui-v4-modal-fade-appear-active {\n animation-name: paraui-v4ModalFadeIn;\n animation-play-state: running;\n}\n\n.paraui-v4-modal-fade-leave.paraui-v4-modal-fade-leave-active {\n animation-name: paraui-v4ModalFadeOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n opacity: 0;\n animation-timing-function: linear;\n}\n\n.paraui-v4-modal-fade-leave {\n animation-timing-function: linear;\n}\n\n@keyframes paraui-v4ModalZoomIn {\n 0% {\n transform: scale(0.2);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes paraui-v4ModalZoomOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.2);\n opacity: 0;\n }\n}\n@keyframes paraui-v4ModalFadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes paraui-v4ModalFadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}";
233
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-modal-close {\n color: rgb(92, 101, 115);\n}\n\n.paraui-v4-modal {\n position: relative;\n top: 100px;\n width: auto;\n max-width: calc(100vw - 32px);\n padding-bottom: 24px;\n margin: 0 auto;\n font-size: 14px;\n line-height: 1.5715;\n color: rgb(29, 33, 38);\n pointer-events: none;\n}\n.paraui-v4-modal.paraui-v4-modal-sm .paraui-v4-modal-content {\n width: 430px;\n max-height: 250px;\n}\n.paraui-v4-modal.paraui-v4-modal-md .paraui-v4-modal-content {\n width: 486px;\n max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-lg .paraui-v4-modal-content {\n width: 948px;\n max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-fullscreen {\n width: 100%;\n max-width: 100%;\n height: 100%;\n}\n.paraui-v4-modal.paraui-v4-modal-zoom-enter, .paraui-v4-modal.paraui-v4-modal-zoom-appear {\n user-select: none;\n opacity: 0;\n transform: none;\n animation-duration: 0.3s;\n}\n.paraui-v4-modal-mask {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1500;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v4-modal-mask-hidden {\n display: none;\n}\n.paraui-v4-modal-wrap {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1500;\n overflow: auto;\n outline: 0;\n -webkit-overflow-scrolling: touch;\n}\n.paraui-v4-modal .paraui-v4-modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n pointer-events: auto;\n background-color: white;\n border-radius: 4px;\n}\n.paraui-v4-modal.paraui-v4-modal-without-mask .paraui-v4-modal-content {\n box-shadow: 0 2px 8px 0 rgb(234, 236, 241);\n}\n.paraui-v4-modal .paraui-v4-modal-title {\n position: relative;\n height: 50px;\n padding: 15px 20px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n color: rgb(29, 33, 38);\n overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close {\n position: absolute;\n top: 11px;\n right: 15px;\n z-index: 10;\n border: 0;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close .paraui-v4-modal-close-icon {\n font-size: 18px;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-title-text {\n width: calc(100% - 28px);\n}\n.paraui-v4-modal .paraui-v4-modal-body {\n flex: auto;\n padding: 0 20px;\n overflow-y: auto;\n overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 72px;\n padding: 0 20px;\n text-align: right;\n}\n.paraui-v4-modal .paraui-v4-modal-footer > button + button {\n margin-left: 16px;\n}\n.paraui-v4-modal-open {\n overflow: hidden;\n}\n.paraui-v4-modal-centered {\n text-align: center;\n}\n.paraui-v4-modal-centered::before {\n display: inline-block;\n width: 0;\n height: 100%;\n vertical-align: middle;\n content: \"\";\n}\n.paraui-v4-modal-centered .paraui-v4-modal {\n top: 0;\n display: inline-block;\n padding-bottom: 0;\n text-align: left;\n vertical-align: middle;\n}\n@media (max-width: 767px) {\n .paraui-v4-modal .paraui-v4-modal {\n max-width: calc(100vw - 16px);\n margin: 8px auto;\n }\n .paraui-v4-modal .paraui-v4-modal-centered .paraui-v4-modal {\n flex: 1;\n }\n}\n\n.paraui-v4-modal-zoom-enter,\n.paraui-v4-modal-zoom-appear {\n opacity: 0;\n transform: scale(0);\n animation-duration: 0.2s;\n animation-play-state: paused;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-fill-mode: both;\n}\n\n.paraui-v4-modal-zoom-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v4-modal-zoom-enter.paraui-v4-modal-zoom-enter-active,\n.paraui-v4-modal-zoom-appear.paraui-v4-modal-zoom-appear-active {\n animation-name: paraui-v4ModalZoomIn;\n animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-leave.paraui-v4-modal-zoom-leave-active {\n pointer-events: none;\n animation-name: paraui-v4ModalZoomOut;\n animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-enter-prepare,\n.paraui-v4-modal-zoom-appear-prepare {\n transform: none;\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n opacity: 0;\n animation-duration: 0.2s;\n animation-play-state: paused;\n animation-timing-function: linear;\n animation-fill-mode: both;\n}\n\n.paraui-v4-modal-fade-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n animation-timing-function: linear;\n}\n\n.paraui-v4-modal-fade-enter.paraui-v4-modal-fade-enter-active,\n.paraui-v4-modal-fade-appear.paraui-v4-modal-fade-appear-active {\n animation-name: paraui-v4ModalFadeIn;\n animation-play-state: running;\n}\n\n.paraui-v4-modal-fade-leave.paraui-v4-modal-fade-leave-active {\n pointer-events: none;\n animation-name: paraui-v4ModalFadeOut;\n animation-play-state: running;\n}\n\n@keyframes paraui-v4ModalZoomIn {\n 0% {\n opacity: 0;\n transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes paraui-v4ModalZoomOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n opacity: 0;\n transform: scale(0.2);\n }\n}\n@keyframes paraui-v4ModalFadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes paraui-v4ModalFadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}";
231
234
  styleInject(css_248z);
232
235
 
233
236
  //鼠标位置内部使用
@@ -324,12 +327,12 @@ var Modal = function Modal(props) {
324
327
  };
325
328
  //自定义内容样式
326
329
  var getContentStyle = function getContentStyle() {
327
- return Object.assign(Object.assign(Object.assign({}, bodyStyle), {
328
- width: contentWidth,
329
- height: contentHeight,
330
+ return Object.assign(Object.assign({
330
331
  maxHeight: 478,
331
- minHeight: 118
332
- }), contentStyle);
332
+ minHeight: 118,
333
+ width: contentWidth,
334
+ height: contentHeight
335
+ }, bodyStyle), contentStyle);
333
336
  };
334
337
  //header
335
338
  var renderHeader = function renderHeader() {
package/Modal/lang/index.d.ts CHANGED
@@ -7,5 +7,13 @@ declare const _default: {
7
7
  cancel: string;
8
8
  ok: string;
9
9
  };
10
+ 'zh-CN': {
11
+ cancel: string;
12
+ ok: string;
13
+ };
14
+ 'en-US': {
15
+ cancel: string;
16
+ ok: string;
17
+ };
10
18
  };
11
19
  export default _default;
package/MultiBox/index.js CHANGED
@@ -47,7 +47,7 @@ var localeJson = {
47
47
  en: en
48
48
  };
49
49
 
50
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n width: 100%;\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}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n flex: 1;\n display: flex;\n align-items: center;\n align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input.multi-box-content-item-input-error > .multi-box-separator {\n padding-bottom: 20px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n padding-bottom: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin: 0 10px;\n line-height: 1;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n font-size: 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgb(212, 218, 227);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n font-size: 16px;\n color: rgb(46, 101, 230);\n margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n border-color: rgb(87, 131, 235);\n background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n background-color: rgb(247, 248, 250);\n color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n border-color: rgb(212, 218, 227);\n color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}";
50
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n width: 100%;\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}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n flex: 1;\n display: flex;\n align-items: center;\n align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input.multi-box-content-item-input-error > .multi-box-separator {\n padding-bottom: 20px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n padding-bottom: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin: 0 10px;\n line-height: 1;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n font-size: 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgb(212, 218, 227);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n font-size: 16px;\n color: rgb(46, 101, 230);\n margin-right: 4px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n border-color: rgb(87, 131, 235);\n background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n border-color: rgb(212, 218, 227);\n cursor: not-allowed;\n background-color: rgb(247, 248, 250);\n color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n border-color: rgb(212, 218, 227);\n color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}";
51
51
  styleInject(css_248z);
52
52
 
53
53
  var MultiBox = function MultiBox(props) {
package/Notification/index.js CHANGED
@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
11
11
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
12
  import '../_verture/typeof-adeedc13.js';
13
13
 
14
- var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-notification {\n position: fixed;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n z-index: 9999;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-topLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n animation-name: NotificationLeftFadeIn;\n}\n.paraui-v4-notification-hook-holder, .paraui-v4-notification-notice {\n position: relative;\n width: 440px;\n max-width: calc(100vw - 48px);\n margin-top: 20px;\n margin-left: auto;\n overflow: hidden;\n word-wrap: break-word;\n background: #fff;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-notification-hook-holder:first-child, .paraui-v4-notification-notice:first-child {\n margin-top: 0;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-topLeft .paraui-v4-notification-notice, .paraui-v4-notification-bottomLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-bottomLeft .paraui-v4-notification-notice {\n margin-right: auto;\n margin-left: 0;\n}\n.paraui-v4-notification-hook-holder > .paraui-v4-notification-notice {\n margin-bottom: 0;\n box-shadow: none;\n}\n.paraui-v4-notification-notice {\n padding: 16px;\n line-height: 1.5715;\n}\n.paraui-v4-notification-notice-content {\n position: relative;\n}\n.paraui-v4-notification-notice-message {\n margin-bottom: 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin {\n display: block;\n width: calc(264px - 100%);\n max-width: 4px;\n background-color: transparent;\n pointer-events: none;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin::before {\n display: block;\n content: \"\";\n}\n.paraui-v4-notification-notice-description {\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n}\n.paraui-v4-notification-notice-closable .paraui-v4-notification-notice-message {\n padding-right: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message {\n margin-bottom: 10px;\n margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n margin-left: 24px;\n}\n.paraui-v4-notification-notice-without-description .paraui-v4-notification-notice-message {\n margin-bottom: 0;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon {\n position: absolute;\n top: 2px;\n font-size: 16px;\n line-height: 24px;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-success {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-info {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-warning {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-error {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-notification-notice-close {\n position: absolute;\n top: 16px;\n right: 16px;\n color: rgb(92, 101, 115);\n outline: none;\n}\n.paraui-v4-notification-notice-close:hover {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon {\n font-size: 18px;\n cursor: pointer;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-notification-notice-btn {\n float: right;\n margin-top: 12px;\n}\n.paraui-v4-notification .notification-fade-effect {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n}\n.paraui-v4-notification-fade-enter, .paraui-v4-notification-fade-appear {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n opacity: 0;\n animation-play-state: paused;\n}\n.paraui-v4-notification-fade-leave {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n animation-name: NotificationFadeIn;\n animation-play-state: running;\n}\n.paraui-v4-notification-fade-leave.paraui-v4-notification-fade-leave-active {\n animation-name: NotificationFadeOut;\n animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n 0% {\n left: 440px;\n opacity: 0;\n }\n 100% {\n left: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationLeftFadeIn {\n 0% {\n right: 440px;\n opacity: 0;\n }\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationFadeOut {\n 0% {\n max-height: 150px;\n margin-bottom: 16px;\n opacity: 1;\n }\n 100% {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n opacity: 0;\n }\n}";
14
+ var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-notification {\n position: fixed;\n padding: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n z-index: 9999;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-topLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active, .paraui-v4-notification-bottomLeft .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n animation-name: NotificationLeftFadeIn;\n}\n.paraui-v4-notification-hook-holder, .paraui-v4-notification-notice {\n position: relative;\n width: 440px;\n max-width: calc(100vw - 48px);\n margin-top: 20px;\n margin-left: auto;\n overflow: hidden;\n word-wrap: break-word;\n background: #fff;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-notification-hook-holder:first-child, .paraui-v4-notification-notice:first-child {\n margin-top: 0;\n}\n.paraui-v4-notification-topLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-topLeft .paraui-v4-notification-notice, .paraui-v4-notification-bottomLeft .paraui-v4-notification-hook-holder, .paraui-v4-notification-bottomLeft .paraui-v4-notification-notice {\n margin-right: auto;\n margin-left: 0;\n}\n.paraui-v4-notification-hook-holder > .paraui-v4-notification-notice {\n margin-bottom: 0;\n box-shadow: none;\n}\n.paraui-v4-notification-notice {\n padding: 16px;\n line-height: 1.5715;\n}\n.paraui-v4-notification-notice-content {\n position: relative;\n}\n.paraui-v4-notification-notice-message {\n margin-bottom: 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin {\n display: block;\n width: calc(264px - 100%);\n max-width: 4px;\n background-color: transparent;\n pointer-events: none;\n}\n.paraui-v4-notification-notice-message-single-line-auto-margin::before {\n display: block;\n content: \"\";\n}\n.paraui-v4-notification-notice-description {\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n}\n.paraui-v4-notification-notice-closable .paraui-v4-notification-notice-message {\n padding-right: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-message {\n margin-bottom: 8px;\n margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n margin-left: 24px;\n}\n.paraui-v4-notification-notice-without-description .paraui-v4-notification-notice-message {\n margin-bottom: 0;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon {\n position: absolute;\n top: 0px;\n font-size: 18px;\n line-height: 24px;\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-success {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-info {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-warning {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-notification .paraui-v4-notification-notice-icon-error {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-notification-notice-close {\n position: absolute;\n top: 16px;\n right: 16px;\n color: rgb(92, 101, 115);\n outline: none;\n}\n.paraui-v4-notification-notice-close:hover {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon {\n font-size: 18px;\n cursor: pointer;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-notification .paraui-v4-notification-close-icon:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-notification-notice-btn {\n float: right;\n margin-top: 12px;\n}\n.paraui-v4-notification .notification-fade-effect {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n}\n.paraui-v4-notification-fade-enter, .paraui-v4-notification-fade-appear {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n opacity: 0;\n animation-play-state: paused;\n}\n.paraui-v4-notification-fade-leave {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.paraui-v4-notification-fade-enter.paraui-v4-notification-fade-enter-active, .paraui-v4-notification-fade-appear.paraui-v4-notification-fade-appear-active {\n animation-name: NotificationFadeIn;\n animation-play-state: running;\n}\n.paraui-v4-notification-fade-leave.paraui-v4-notification-fade-leave-active {\n animation-name: NotificationFadeOut;\n animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n 0% {\n left: 440px;\n opacity: 0;\n }\n 100% {\n left: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationLeftFadeIn {\n 0% {\n right: 440px;\n opacity: 0;\n }\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationFadeOut {\n 0% {\n max-height: 150px;\n margin-bottom: 16px;\n opacity: 1;\n }\n 100% {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n opacity: 0;\n }\n}";
15
15
  styleInject(css_248z);
16
16
 
17
17
  //通知框实例存储
package/OperateBtn/index.js CHANGED
@@ -16,7 +16,6 @@ import '../_verture/unsupportedIterableToArray-cb478f24.js';
16
16
  import '../_verture/typeof-c310ee4a.js';
17
17
  import '../_verture/typeof-adeedc13.js';
18
18
  import '@para-ui/icons/LoadingF';
19
- import '@para-ui/icons/Forbid';
20
19
  import '@para-ui/icons/Down';
21
20
  import '../_verture/index-e9007d6a.js';
22
21
  import 'rc-dropdown';
@@ -25,6 +24,7 @@ import 'dayjs';
25
24
  import '@paraview/lib';
26
25
  import 'rc-tooltip';
27
26
  import 'rc-tooltip/lib/placements';
27
+ import '@para-ui/icons/Forbid';
28
28
  import '@para-ui/core/GlobalContext';
29
29
 
30
30
  var en = {
@@ -61,7 +61,7 @@ var OperateBtn = function OperateBtn(props) {
61
61
  loadingMapping = props.loadingMapping,
62
62
  _props$key = props.key,
63
63
  key = _props$key === void 0 ? 'key' : _props$key;
64
- var intl = useFormatMessage('OperateBtn', localeJson);
64
+ useFormatMessage('OperateBtn', localeJson);
65
65
  var _useState = useState(false),
66
66
  _useState2 = _slicedToArray(_useState, 2),
67
67
  openMoreCom = _useState2[0],
@@ -124,14 +124,10 @@ var OperateBtn = function OperateBtn(props) {
124
124
  }));
125
125
  };
126
126
  };
127
- // 点击更多
128
- var clickMore = function clickMore() {
129
- setOpenMoreCom(true);
130
- };
131
127
  // 关闭显示更多
132
128
  var closeMore = function closeMore(bol) {
133
- if (bol) return;
134
- setOpenMoreCom(false);
129
+ //if (bol) return;
130
+ setOpenMoreCom(Boolean(bol));
135
131
  };
136
132
  // 处理loading
137
133
  var handLoadStatus = function handLoadStatus(item, index) {
@@ -180,8 +176,7 @@ var OperateBtn = function OperateBtn(props) {
180
176
  }), index);
181
177
  }
182
178
  return handleBox(item, jsx(AutoTips, Object.assign({
183
- tipMaxWidth: 'none',
184
- placement: 'top-start'
179
+ tipMaxWidth: 'none'
185
180
  }, {
186
181
  children: item.label || item.toolTipTitle
187
182
  })), index);
@@ -196,16 +191,17 @@ var OperateBtn = function OperateBtn(props) {
196
191
  visible: openMoreCom,
197
192
  content: morePopoverContent(),
198
193
  onVisibleChange: closeMore,
199
- overlayClassName: handClassPopover()
194
+ overlayClassName: handClassPopover(),
195
+ trigger: 'hover'
200
196
  }, {
201
197
  children: jsx(Button.IconButton, Object.assign({
202
198
  variant: 'text',
203
- toolTipTitle: !openMoreCom && intl('more'),
204
- TooltipProps: {
205
- placement: placement,
206
- arrow: false
207
- },
208
- onClick: clickMore,
199
+ /*toolTipTitle={!openMoreCom && intl('more')}
200
+ TooltipProps={{
201
+ placement,
202
+ arrow: false
203
+ }}*/
204
+ //onClick={clickMore}
209
205
  className: 'operate-btn-more'
210
206
  }, {
211
207
  children: jsx(More, {})