@para-ui/core 4.0.7 → 4.0.8

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 (42) hide show
  1. package/Button/index.js +1 -1
  2. package/Form/index.js +1 -1
  3. package/FormItem/index.js +1 -1
  4. package/FunctionModal/index.js +2 -2
  5. package/Menu/index.js +25 -13
  6. package/Notification/index.js +3 -3
  7. package/Pagination/index.js +1 -1
  8. package/README.md +8 -0
  9. package/Table/index.js +2 -1
  10. package/Table/interface.d.ts +2 -0
  11. package/index.js +2 -2
  12. package/locale/index.js +1 -1
  13. package/package.json +1 -1
  14. package/umd/Button.js +1 -1
  15. package/umd/ButtonGroup.js +1 -1
  16. package/umd/ComboSelect.js +2 -2
  17. package/umd/CycleSelector.js +1 -1
  18. package/umd/DatePicker.js +1 -1
  19. package/umd/Descriptions.js +1 -1
  20. package/umd/Desktop.js +1 -1
  21. package/umd/Drawer.js +1 -1
  22. package/umd/DynamicMultiBox.js +2 -2
  23. package/umd/Form.js +4 -4
  24. package/umd/FormItem.js +2 -2
  25. package/umd/FunctionModal.js +1 -1
  26. package/umd/Menu.js +30 -16
  27. package/umd/Modal.js +1 -1
  28. package/umd/Notification.js +5 -5
  29. package/umd/OperateBtn.js +1 -1
  30. package/umd/PageHeader.js +1 -1
  31. package/umd/Pagination.js +2 -2
  32. package/umd/PopConfirm.js +1 -1
  33. package/umd/QuickReply.js +1 -1
  34. package/umd/Table.js +4 -4
  35. package/umd/Tabs.js +1 -1
  36. package/umd/TimePicker.js +1 -1
  37. package/umd/ToggleButton.js +1 -1
  38. package/umd/Transfer.js +1 -1
  39. package/umd/Upload.js +1 -1
  40. package/umd/locale.js +1 -1
  41. /package/_verture/{index-d795d1f0.js → index-06a05b14.js} +0 -0
  42. /package/_verture/{modalContext-8982647f.js → modalContext-7380ea41.js} +0 -0
package/Button/index.js CHANGED
@@ -32,7 +32,7 @@ var localeJson = {
32
32
  en: en
33
33
  };
34
34
 
35
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 10px;\n line-height: 1.5715;\n border-radius: 4px;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v4-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n pointer-events: none;\n}\n.paraui-v4-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n border: 1px solid rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n background-color: rgb(87, 131, 235);\n border: 1px solid rgba(255, 255, 255, 0);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n background-color: rgb(244, 66, 66);\n border: 1px solid rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n border: 1px solid rgba(255, 255, 255, 0);\n}\n.paraui-v4-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n color: rgb(46, 101, 230);\n background-color: transparent;\n border: none;\n padding: unset;\n margin: 0 10px;\n}\n.paraui-v4-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n color: rgb(92, 101, 115);\n background-color: transparent;\n border: none;\n cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n height: 32px;\n}\n.paraui-v4-button-medium {\n height: 28px;\n}\n.paraui-v4-button-small {\n height: 28px;\n}\n.paraui-v4-button--disabled {\n display: inline-block;\n cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n pointer-events: none;\n}\n\n.paraui-v4-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v4-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v4-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n background-color: rgb(87, 131, 235);\n box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n pointer-events: none;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n color: rgb(161, 168, 179);\n pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-icon-button-medium {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v4-button-split {\n display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n padding: 4px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n padding: 8px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -4px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgb(234, 236, 241);\n}";
35
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n@keyframes buttonLoadingSpin {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n outline: 0;\n position: relative;\n align-items: center;\n user-select: none;\n vertical-align: middle;\n justify-content: center;\n text-decoration: none;\n background-color: transparent;\n appearance: none;\n -webkit-tap-highlight-color: transparent;\n padding: 0 10px;\n line-height: 1.5715;\n border-radius: 4px;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n white-space: nowrap;\n color: rgb(255, 255, 255);\n box-sizing: border-box;\n letter-spacing: 0.02857em;\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-v4-button .button-label {\n width: 100%;\n display: inherit;\n align-items: inherit;\n justify-content: inherit;\n}\n.paraui-v4-button .button-icon {\n display: inherit;\n margin-right: 4px;\n}\n.paraui-v4-button .button-icon svg {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v4-button .button-icon-end {\n margin-right: 0;\n margin-left: 4px;\n}\n.paraui-v4-button .button-icon-loading {\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-button-loading {\n pointer-events: none;\n}\n.paraui-v4-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n border: 1px solid rgb(46, 101, 230);\n}\n.paraui-v4-button-contained:hover {\n background-color: rgb(87, 131, 235);\n border: 1px solid rgba(255, 255, 255, 0);\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous {\n background-color: rgb(244, 66, 66);\n border: 1px solid rgb(244, 66, 66);\n}\n.paraui-v4-button-contained.paraui-v4-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n border: 1px solid rgba(255, 255, 255, 0);\n}\n.paraui-v4-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-button-outlined.paraui-v4-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-button-text {\n color: rgb(46, 101, 230);\n background-color: transparent;\n border: none;\n padding: unset;\n margin: 0 10px;\n}\n.paraui-v4-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-button-text.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-text[disabled] {\n color: rgb(92, 101, 115);\n background-color: transparent;\n border: none;\n cursor: not-allowed;\n}\n.paraui-v4-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-button-text.paraui-v4-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-button-large {\n height: 32px;\n}\n.paraui-v4-button-medium {\n height: 28px;\n}\n.paraui-v4-button-small {\n height: 28px;\n}\n.paraui-v4-button--disabled {\n display: inline-block;\n cursor: not-allowed;\n}\n.paraui-v4-button--disabled button {\n pointer-events: none;\n}\n\n.paraui-v4-icon-button {\n flex: 0 0 auto;\n overflow: visible;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n padding: 0;\n border-radius: 4px;\n}\n.paraui-v4-icon-button-loading {\n pointer-events: none;\n}\n.paraui-v4-icon-button-loading .button-loading-icon {\n display: inline-flex;\n animation: buttonLoadingSpin 1s infinite linear;\n}\n.paraui-v4-icon-button svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v4-icon-button-contained {\n color: rgb(255, 255, 255);\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-contained:hover {\n background-color: rgb(87, 131, 235);\n box-shadow: none;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-contained[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous {\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-contained.paraui-v4-icon-button-dangerous:hover {\n background-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-outlined {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-icon-button-outlined:hover {\n color: rgb(46, 101, 230);\n border-color: rgb(87, 131, 235);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-outlined[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-outlined.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-icon-button-text:hover {\n color: rgb(87, 131, 235);\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled {\n pointer-events: none;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-icon-button-text.paraui-v4-button-link-disabled:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text[disabled] {\n color: rgb(161, 168, 179);\n pointer-events: none;\n}\n.paraui-v4-icon-button-text[disabled]:hover {\n background-color: transparent;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-dangerous:hover {\n color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-large svg {\n font-size: 24px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-medium svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small {\n width: auto;\n height: auto;\n}\n.paraui-v4-icon-button-text.paraui-v4-icon-button-small svg {\n font-size: 20px;\n}\n.paraui-v4-icon-button-activate {\n color: rgb(29, 33, 38);\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(46, 101, 230);\n border-color: rgb(46, 101, 230);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled {\n color: rgb(29, 33, 38);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate.paraui-v4-button-link-disabled:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate[disabled] {\n color: rgb(92, 101, 115);\n background-color: rgb(247, 248, 250);\n border: 1px solid rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-icon-button-activate[disabled]:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous {\n color: rgb(244, 66, 66);\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-icon-button-activate.paraui-v4-icon-button-dangerous:hover {\n color: rgb(244, 66, 66);\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-icon-button-large {\n width: 32px;\n height: 32px;\n}\n.paraui-v4-icon-button-medium {\n width: 28px;\n height: 28px;\n}\n.paraui-v4-icon-button-small {\n width: 28px;\n height: 28px;\n}\n\n.paraui-v4-button-split {\n display: inline-block;\n}\n.paraui-v4-button-split .paraui-v4-button-split--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list {\n padding: 4px 0;\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li {\n padding: 5px 10px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 20px;\n cursor: pointer;\n transition: background-color 0.3s, color 0.3s;\n white-space: nowrap;\n}\n.paraui-v4-button-split-list ul .split-li:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--active:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--hover:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-button-split-list ul .split-li.split-li--disabled:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child) {\n position: relative;\n margin-top: 8px;\n}\n.paraui-v4-button-split-list ul .split-li-group:not(:first-child):before {\n content: \"\";\n position: absolute;\n top: -4px;\n left: 8px;\n right: 8px;\n border-top: 1px solid rgb(234, 236, 241);\n}";
36
36
  styleInject(css_248z);
37
37
 
38
38
  //分体式按钮
package/Form/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { DeepClone } from '@paraview/lib';
3
3
  import React__default from 'react';
4
- import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-d795d1f0.js';
4
+ import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-06a05b14.js';
5
5
  import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
6
6
  import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
7
7
  import '../TextField/index.js';
package/FormItem/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import 'react/jsx-runtime';
2
2
  import 'react';
3
- export { F as default } from '../_verture/index-d795d1f0.js';
3
+ export { F as default } from '../_verture/index-06a05b14.js';
4
4
  import 'clsx';
5
5
  import '../Label/index.js';
6
6
  import '../_verture/constant-5317fc89.js';
package/FunctionModal/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { u as useModal } from '../_verture/modalContext-8982647f.js';
2
- export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-8982647f.js';
1
+ import { u as useModal } from '../_verture/modalContext-7380ea41.js';
2
+ export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-7380ea41.js';
3
3
  import '../_verture/tslib.es6-55ed4bd2.js';
4
4
  import 'react/jsx-runtime';
5
5
  import 'react';
package/Menu/index.js CHANGED
@@ -6,11 +6,18 @@ import Down from '@para-ui/icons/Down';
6
6
  import * as iconList from '@para-ui/icons';
7
7
  import { UUID, DeepClone } from '@paraview/lib';
8
8
  import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
9
+ import AutoTips from '../AutoTips/index.js';
9
10
  import MenuMoreLine from '@para-ui/icons/IndentRightFill';
10
11
  import MenuLessLine from '@para-ui/icons/IndentLeftFill';
11
12
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
12
13
  import 'react-transition-group';
13
14
  import '../_verture/util-82646c4f.js';
15
+ import '../Tooltip/index.js';
16
+ import '../_verture/tslib.es6-55ed4bd2.js';
17
+ import 'rc-tooltip';
18
+ import 'rc-tooltip/lib/placements';
19
+ import 'clsx';
20
+ import '@para-ui/icons/Forbid';
14
21
 
15
22
  const Logo = props => {
16
23
  const {
@@ -213,7 +220,9 @@ const VerticalMenuListItem = props => {
213
220
  children: [jsx("span", Object.assign({
214
221
  className: 'menu-item-label'
215
222
  }, {
216
- children: label
223
+ children: jsx(AutoTips, {
224
+ children: label
225
+ })
217
226
  })), handBadge()]
218
227
  })), jsx("span", Object.assign({
219
228
  className: "menu-item-arrow"
@@ -233,6 +242,7 @@ const VerticalMenuListItem = props => {
233
242
  children: children && children.length > 0 && children.map((item, index) => {
234
243
  return jsx(VerticalMenuListItem, Object.assign({}, item, {
235
244
  jumpIcon: jumpIcon || item.jumpIcon,
245
+ onClickJump: onClickJump,
236
246
  level: level + 1,
237
247
  idMenuLast: idMenuLast,
238
248
  selectMenu: selectMenu,
@@ -324,11 +334,17 @@ const MenuItemPopper = props => {
324
334
  * 判断是否是第一级,且没有子级
325
335
  * */
326
336
  const handTooltip = () => {
337
+ return false; // 不要tooltip样式
327
338
  // 第一层,长度为1,且没有父级,,子级也没有
328
- if (level === 1 && list.length === 1 && list[0]._paraui_menu_first && (!list[0].children || list[0].children.length === 0)) {
329
- return true;
330
- }
331
- return false;
339
+ /*if (
340
+ level === 1 &&
341
+ list.length === 1 &&
342
+ list[0]._paraui_menu_first &&
343
+ (!list[0].children || list[0].children.length === 0)
344
+ ) {
345
+ return true;
346
+ }
347
+ return false;*/
332
348
  };
333
349
  /**
334
350
  * 处理MenuPopover样式类名
@@ -339,10 +355,6 @@ const MenuItemPopper = props => {
339
355
  if (color) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(color);
340
356
  if (size) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(size);
341
357
  if (color === 'deep') str += " ".concat($prefixCls, "-scrollbar-small-deep");else str += " ".concat($prefixCls, "-scrollbar-small");
342
- // 第一级,且只有一项
343
- if (handTooltip()) {
344
- str += " ".concat($prefixCls, "-vertical-menu-item-popper-tooltip");
345
- }
346
358
  if (jumpIcon) {
347
359
  str += " ".concat($prefixCls, "-vertical-menu-item-popper-jump-icon");
348
360
  }
@@ -433,7 +445,6 @@ const MenuItemPopper = props => {
433
445
  * 鼠标移入大容器
434
446
  * */
435
447
  const onMouseEnterBox = () => {
436
- if (handTooltip()) return;
437
448
  if (level == 1) {
438
449
  // 关闭收缩按钮移出事件
439
450
  onMouseEnter && onMouseEnter();
@@ -445,7 +456,6 @@ const MenuItemPopper = props => {
445
456
  * 鼠标移出大容器
446
457
  * */
447
458
  const onMouseLeaveBox = () => {
448
- if (handTooltip()) return;
449
459
  clearTimeout(timerJson.leaveBox);
450
460
  timerJson.leaveBox = setTimeout(() => {
451
461
  if (level === 1) {
@@ -546,7 +556,9 @@ const MenuItemPopper = props => {
546
556
  children: [jsx("span", Object.assign({
547
557
  className: 'menu-item-label'
548
558
  }, {
549
- children: item.label
559
+ children: jsx(AutoTips, {
560
+ children: item.label
561
+ })
550
562
  })), handBadge(item)]
551
563
  })), jsx("span", Object.assign({
552
564
  className: "menu-item-arrow"
@@ -1071,7 +1083,7 @@ const FooterExpansion = props => {
1071
1083
  }));
1072
1084
  };
1073
1085
 
1074
- 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: 18px;\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 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: rgb(255, 255, 255);\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-content > .menu-item-arrow > .jump-icon {\n opacity: 0;\n line-height: 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:hover > .menu-item-arrow > .jump-icon {\n opacity: 1;\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 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: rgb(255, 255, 255);\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: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n border-radius: 4px;\n border: 1px solid rgba(212, 218, 227, 0.4);\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 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: rgb(255, 255, 255);\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-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon {\n position: relative;\n z-index: 10;\n opacity: 0;\n line-height: 0;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > .jump-icon {\n opacity: 1;\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: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo svg {\n color: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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-content > .menu-item-arrow > .jump-icon > 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-content > .menu-item-arrow > .jump-icon: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-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: rgb(255, 255, 255);\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.paraui-v4-vertical-menu-item-popper-tooltip.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: flex;\n margin-left: 8px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon {\n opacity: 1;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content {\n background-color: rgb(28, 41, 60);\n color: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\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: rgb(255, 255, 255);\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.paraui-v4-vertical-menu-item-popper-tooltip.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: flex;\n margin-left: 8px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon {\n opacity: 1;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\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-arrow > .jump-icon > 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-arrow > .jump-icon:hover > 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-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}";
1086
+ 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: 18px;\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: rgb(255, 255, 255);\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-content > .menu-item-arrow > .jump-icon {\n opacity: 0;\n line-height: 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:hover > .menu-item-arrow > .jump-icon {\n opacity: 1;\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: rgb(255, 255, 255);\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: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n border-radius: 4px;\n border: 1px solid rgba(212, 218, 227, 0.4);\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-label {\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 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 > .menu-item-badge {\n height: 16px;\n min-width: 16px;\n color: rgb(255, 255, 255);\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-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .jump-icon {\n position: relative;\n z-index: 10;\n opacity: 0;\n line-height: 0;\n}\n.paraui-v4-vertical-menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > .jump-icon {\n opacity: 1;\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: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-deep > .menu-logo svg {\n color: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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-content > .menu-item-arrow > .jump-icon > 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-content > .menu-item-arrow > .jump-icon: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-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: rgb(255, 255, 255);\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.paraui-v4-vertical-menu-item-popper-tooltip.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: flex;\n margin-left: 8px;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon {\n opacity: 1;\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-vertical-menu-item-popper-deep > .menu-item-popper-content {\n background-color: rgb(28, 41, 60);\n color: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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: rgb(255, 255, 255);\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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\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: rgb(255, 255, 255);\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.paraui-v4-vertical-menu-item-popper-tooltip.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: flex;\n margin-left: 8px;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon {\n opacity: 1;\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon > svg {\n color: rgb(255, 255, 255);\n}\n.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.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 > .jump-icon:hover > svg {\n color: rgba(255, 255, 255, 0.5);\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-arrow > .jump-icon > 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-arrow > .jump-icon:hover > 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-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}";
1075
1087
  styleInject(css_248z);
1076
1088
 
1077
1089
  const Menu = props => {
package/Notification/index.js CHANGED
@@ -9,7 +9,7 @@ import clsx from 'clsx';
9
9
  import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
10
10
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
11
11
 
12
- 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 border: 1px solid 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}";
12
+ 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 border: 1px solid 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.msg-none {\n margin-bottom: 0;\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-message.msg-none {\n margin-bottom: 0;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description {\n margin-left: 24px;\n}\n.paraui-v4-notification-notice-with-icon .paraui-v4-notification-notice-description.msg-none {\n margin-right: 20px;\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: 1px;\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: 17px;\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}";
13
13
  styleInject(css_248z);
14
14
 
15
15
  //通知框实例存储
@@ -203,11 +203,11 @@ function getNoticeProps(args, prefixCls) {
203
203
  className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : "".concat(prefixCls, "-without-description"))
204
204
  }, {
205
205
  children: [iconNode, jsxs("div", Object.assign({
206
- className: "".concat(prefixCls, "-message")
206
+ className: "".concat(prefixCls, "-message ").concat(!message ? 'msg-none' : '')
207
207
  }, {
208
208
  children: [autoMarginTag, message]
209
209
  })), description && jsx("div", Object.assign({
210
- className: "".concat(prefixCls, "-description")
210
+ className: "".concat(prefixCls, "-description ").concat(!message ? 'msg-none' : '')
211
211
  }, {
212
212
  children: description
213
213
  })), btn ? jsx("span", Object.assign({
package/Pagination/index.js CHANGED
@@ -43,7 +43,7 @@ import '../Popover/index.js';
43
43
 
44
44
  var en = {
45
45
  total: 'Total {total}',
46
- barPage: ' / page',
46
+ barPage: ' / Page',
47
47
  prevPage: 'Prev',
48
48
  nextPage: 'Next',
49
49
  jumpTo: 'Go to',
package/README.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## 版本: 4.0.8
2
+ para-ui/core@4.0.8 发布
3
+ 【分体按钮-SplitButton】修复样式问题
4
+ 【组合选择器-ComboSelect】修复样式问题
5
+ 【菜单-Menu】增加菜单内容超出...
6
+ 【分页-Pagination】分页国际化文案修改
7
+ 【表格-Table】表格增加自定义浮层宽度设置
8
+
1
9
  ## 版本: 4.0.7
2
10
  para-ui/core@4.0.7 发布
3
11
  【周期选择器-CycleSelector】修复选择年，不显示年份，改变第几个星期算法
package/Table/index.js CHANGED
@@ -800,7 +800,8 @@ const TableHead$1 = props => {
800
800
  content: filterPopoverContent(),
801
801
  onVisibleChange: clickHideFilter,
802
802
  overlayClassName: str,
803
- getPopupContainer: getPopupContainer ? getPopupContainer : () => document.body
803
+ getPopupContainer: getPopupContainer ? getPopupContainer : () => document.body,
804
+ maxWidth: headCell.filterMaxWidth
804
805
  }, {
805
806
  children: jsxs("div", Object.assign({
806
807
  className: handCellClass(headCell)
package/Table/interface.d.ts CHANGED
@@ -67,6 +67,8 @@ export interface HeadDataProps {
67
67
  [name: string]: any[];
68
68
  }) => void;
69
69
  }) => ReactNode;
70
+ /** 过滤浮层最大宽度 */
71
+ filterMaxWidth?: string | number;
70
72
  /** 枚举 */
71
73
  enums?: FilterEnumsProps[];
72
74
  /** 是否显示字段 */
package/index.js CHANGED
@@ -25,8 +25,8 @@ export { D as Dropdown } from './_verture/index-389675ab.js';
25
25
  export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
26
26
  export { default as Empty } from './Empty/index.js';
27
27
  export { default as Form } from './Form/index.js';
28
- export { F as FormItem } from './_verture/index-d795d1f0.js';
29
- export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-8982647f.js';
28
+ export { F as FormItem } from './_verture/index-06a05b14.js';
29
+ export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-7380ea41.js';
30
30
  export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
31
31
  export { default as Help } from './Help/index.js';
32
32
  export { default as HelperText } from './HelperText/index.js';
package/locale/index.js CHANGED
@@ -178,7 +178,7 @@ var enUS = {
178
178
  },
179
179
  "Pagination": {
180
180
  "total": "Total {total}",
181
- "barPage": " / page",
181
+ "barPage": " / Page",
182
182
  "prevPage": "Prev",
183
183
  "nextPage": "Next",
184
184
  "jumpTo": "Go to",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "4.0.7",
4
+ "version": "4.0.8",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",