@para-ui/core 5.0.1 → 5.0.3-beta.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 (94) hide show
  1. package/FieldForm/component.json +22 -1
  2. package/FormItemGroup/component.json +72 -0
  3. package/Menu/component.json +9 -2
  4. package/es/Checkbox/index.js +26 -24
  5. package/es/CheckboxGroup/index.css +1 -1
  6. package/es/CheckboxGroup/style/index.css +1 -1
  7. package/es/ExpressionInput/Popup.js +11 -4
  8. package/es/ExpressionInput/useExpressionInput.js +40 -37
  9. package/es/FieldForm/ErrorList.js +9 -8
  10. package/es/FieldForm/FieldFormItem/ItemHolder.d.ts +2 -0
  11. package/es/FieldForm/FieldFormItem/ItemHolder.js +78 -68
  12. package/es/FieldForm/FieldFormItem/index.d.ts +3 -0
  13. package/es/FieldForm/FieldFormItem/index.js +131 -120
  14. package/es/FieldForm/Form.d.ts +3 -1
  15. package/es/FieldForm/Form.js +54 -50
  16. package/es/FieldForm/compactControlMarker.d.ts +18 -0
  17. package/es/FieldForm/compactControlMarker.js +5 -0
  18. package/es/FieldForm/component.json +22 -1
  19. package/es/FieldForm/context.d.ts +3 -1
  20. package/es/FieldForm/context.js +6 -5
  21. package/es/FieldForm/index.css +1 -1
  22. package/es/FieldForm/index.d.ts +2 -0
  23. package/es/FieldForm/index.js +13 -9
  24. package/es/FieldForm/interface.d.ts +9 -0
  25. package/es/FieldForm/style/index.css +1 -1
  26. package/es/FieldForm/util.d.ts +14 -0
  27. package/es/FieldForm/util.js +41 -17
  28. package/es/FormItemGroup/component.json +72 -0
  29. package/es/FormItemGroup/index.css +1 -0
  30. package/es/FormItemGroup/index.d.ts +14 -0
  31. package/es/FormItemGroup/index.js +27 -0
  32. package/es/FormItemGroup/style/css.js +1 -0
  33. package/es/FormItemGroup/style/index.css +1 -0
  34. package/es/FormItemGroup/style/index.js +1 -0
  35. package/es/HelperText/index.js +15 -13
  36. package/es/Menu/component.json +9 -2
  37. package/es/Menu/index.css +1 -1
  38. package/es/Menu/interface.d.ts +2 -0
  39. package/es/Menu/style/index.css +1 -1
  40. package/es/Menu/verticalMenuList.js +378 -361
  41. package/es/RadioGroup/index.css +1 -1
  42. package/es/RadioGroup/style/index.css +1 -1
  43. package/es/RangeInput/index.js +60 -60
  44. package/es/Switch/index.js +30 -28
  45. package/es/Tag/TagGroup.js +29 -32
  46. package/es/Tag/index.js +5 -5
  47. package/es/index.d.ts +2 -0
  48. package/es/index.js +175 -169
  49. package/lib/Checkbox/index.js +1 -1
  50. package/lib/CheckboxGroup/index.css +1 -1
  51. package/lib/CheckboxGroup/style/index.css +1 -1
  52. package/lib/ExpressionInput/Popup.js +1 -1
  53. package/lib/ExpressionInput/useExpressionInput.js +1 -1
  54. package/lib/FieldForm/ErrorList.js +1 -1
  55. package/lib/FieldForm/FieldFormItem/ItemHolder.d.ts +2 -0
  56. package/lib/FieldForm/FieldFormItem/ItemHolder.js +1 -1
  57. package/lib/FieldForm/FieldFormItem/index.d.ts +3 -0
  58. package/lib/FieldForm/FieldFormItem/index.js +1 -1
  59. package/lib/FieldForm/Form.d.ts +3 -1
  60. package/lib/FieldForm/Form.js +1 -1
  61. package/lib/FieldForm/compactControlMarker.d.ts +18 -0
  62. package/lib/FieldForm/compactControlMarker.js +2 -0
  63. package/lib/FieldForm/component.json +22 -1
  64. package/lib/FieldForm/context.d.ts +3 -1
  65. package/lib/FieldForm/context.js +1 -1
  66. package/lib/FieldForm/index.css +1 -1
  67. package/lib/FieldForm/index.d.ts +2 -0
  68. package/lib/FieldForm/index.js +1 -1
  69. package/lib/FieldForm/interface.d.ts +9 -0
  70. package/lib/FieldForm/style/index.css +1 -1
  71. package/lib/FieldForm/util.d.ts +14 -0
  72. package/lib/FieldForm/util.js +1 -1
  73. package/lib/FormItemGroup/component.json +72 -0
  74. package/lib/FormItemGroup/index.css +1 -0
  75. package/lib/FormItemGroup/index.d.ts +14 -0
  76. package/lib/FormItemGroup/index.js +2 -0
  77. package/lib/FormItemGroup/style/css.js +1 -0
  78. package/lib/FormItemGroup/style/index.css +1 -0
  79. package/lib/FormItemGroup/style/index.js +1 -0
  80. package/lib/HelperText/index.js +1 -1
  81. package/lib/Menu/component.json +9 -2
  82. package/lib/Menu/index.css +1 -1
  83. package/lib/Menu/interface.d.ts +2 -0
  84. package/lib/Menu/style/index.css +1 -1
  85. package/lib/Menu/verticalMenuList.js +1 -1
  86. package/lib/RadioGroup/index.css +1 -1
  87. package/lib/RadioGroup/style/index.css +1 -1
  88. package/lib/RangeInput/index.js +1 -1
  89. package/lib/Switch/index.js +1 -1
  90. package/lib/Tag/TagGroup.js +1 -1
  91. package/lib/Tag/index.js +1 -1
  92. package/lib/index.d.ts +2 -0
  93. package/lib/index.js +1 -1
  94. package/package.json +14 -1
@@ -1 +1 @@
1
- .paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.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{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.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{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.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{font-size:18px}.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{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.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{overflow:hidden;text-overflow:ellipsis}.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{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.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{height:16px;line-height:16px;transform:scale(0.8)}.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{width:16px;display:flex;justify-content:center;align-items:center}.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{font-size:16px;transition:all .3s}.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{opacity:0}.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{opacity:0;line-height:0}.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{opacity:1}.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{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.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{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.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{margin-bottom:0}.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{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.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{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.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{position:relative;font-size:20px}.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{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.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{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.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{margin-bottom:8px}.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{margin-top:8px}.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{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.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{width:40px;height:40px;line-height:40px}.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{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.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{margin-bottom:4px}.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{margin-top:4px}.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{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.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{width:36px;height:36px;line-height:36px}.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{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.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{font-size:20px;position:relative}.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{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.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{overflow:hidden;text-overflow:ellipsis;flex:1}.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{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.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{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.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{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.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{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.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{opacity:0}.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{position:relative;z-index:10;opacity:0;line-height:0}.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{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.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{color:#2e65e6}.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{background-color:#223666}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.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{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.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{background-color:#223666}.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{color:#fff}.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{color:#fff}.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{background-color:#223666}.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{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.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{color:#2e65e6}.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{background-color:#eaecf1}.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{color:#1d2126}.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{color:#1d2126}.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{color:#5c6573}.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{color:#5c6573}.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{color:#2e65e6}.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{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.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{background-color:#eaecf1}.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{color:#2e65e6}.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{color:#2e65e6}.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{background-color:#eaecf1;color:#2e65e6}.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{color:#2e65e6}.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{background-color:#eaecf1;color:#2e65e6}.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{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.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{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.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{color:#fff}.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{display:none}.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{background-color:rgba(0,0,0,0)}.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{background-color:rgba(0,0,0,0)}.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{display:flex;margin-left:8px}.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{opacity:1}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.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{background-color:#223666}.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{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.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{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.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{color:#fff}.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{display:none}.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{background-color:rgba(0,0,0,0)}.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{background-color:rgba(0,0,0,0)}.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{display:flex;margin-left:8px}.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{opacity:1}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.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{color:#1d2126}.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{color:#1d2126}.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{color:#5c6573}.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{color:#5c6573}.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{color:#2e65e6}.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{background-color:#eaecf1}.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{background-color:#eaecf1}
1
+ .paraui-v4-vertical-menu{display:flex;flex-direction:column;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{display:inline-block;width:100%;padding:20px 16px 0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{position:relative;height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{font-size:18px;transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.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{display:flex;text-decoration:none;cursor:pointer;border-radius:4px}.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{display:flex;align-items:center;justify-content:center;width:20px;margin-right:10px}.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{font-size:18px}.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{display:flex;align-items:center;width:100%;overflow:hidden;font-size:14px;font-weight:400;white-space:nowrap}.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{overflow:hidden;text-overflow:ellipsis}.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{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-right:10px;margin-left:10px;font-size:12px;color:#fff;background:#2e65e6;border-radius:8px}.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{height:16px;line-height:16px;transform:scale(0.8)}.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{display:flex;align-items:center;justify-content:center;width:16px}.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{font-size:16px;transition:all .3s}.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{opacity:0}.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{line-height:0;opacity:0}.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{opacity:1}.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{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-group>.vertical-menu-list-group-label{height:20px;padding:0 12px;margin:12px 0 4px;overflow:hidden;font-size:12px;line-height:20px;text-overflow:ellipsis;letter-spacing:.02em;white-space:nowrap;cursor:default;user-select:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-group:first-child>.vertical-menu-list-group-label{margin-top:0}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;height:48px;padding-bottom:16px;padding-left:16px;white-space:nowrap}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{width:calc(100% - 32px);padding-right:20px;padding-left:12px;font-size:14px;text-align:right}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.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{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;cursor:pointer}.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{margin-bottom:0}.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{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:""}.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{position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px}.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{position:relative;font-size:20px}.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{position:absolute;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 1px;font-size:12px;color:#fff;background:#2e65e6;border-radius:8px}.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{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.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{margin-bottom:8px}.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{margin-top:8px}.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{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0}.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{width:40px;height:40px;line-height:40px}.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{top:4px;left:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.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{margin-bottom:4px}.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{margin-top:4px}.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{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0}.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{width:36px;height:36px;line-height:36px}.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{top:1px;left:18px}.paraui-v4-vertical-menu-item-popper{z-index:1500;padding-left:8px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{max-height:320px;padding:4px 0;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(212,218,227,.4);border-radius:4px;box-shadow:1px 1px 10px 2px rgba(212,218,227,.4)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{display:flex;width:200px;height:30px;padding:0 10px;line-height:30px;text-decoration:none;cursor:pointer}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content::after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{display:none;align-items:center;justify-content:center;width:16px;margin-right:12px}.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{position:relative;font-size:20px}.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{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{display:flex;align-items:center;width:100%;overflow:hidden;font-size:14px;font-weight:400;white-space:nowrap}.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{flex:1;overflow:hidden;text-overflow:ellipsis}.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{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-right:10px;margin-left:10px;font-size:12px;color:#fff;background:#2e65e6;border-radius:8px}.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{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;align-items:center;justify-content:center;width:16px}.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{position:relative;font-size:16px;transition:all .3s;transform:rotate(270deg)}.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{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:""}.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{opacity:0}.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{position:relative;z-index:10;line-height:0;opacity:0}.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{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.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{color:#2e65e6}.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{background-color:#223666}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.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{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-group-label{color:hsla(0,0%,100%,.3)}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.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{background-color:#223666}.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{color:#fff}.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{color:#fff}.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{background-color:#223666}.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{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.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{color:#2e65e6}.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{background-color:#eaecf1}.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{color:#1d2126}.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{color:#1d2126}.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{color:#5c6573}.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{color:#5c6573}.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{color:#2e65e6}.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{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-group-label{color:#a1a8b3}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.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{background-color:#eaecf1}.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{color:#2e65e6}.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{color:#2e65e6}.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{color:#2e65e6;background-color:#eaecf1}.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{color:#2e65e6}.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{color:#2e65e6;background-color:#eaecf1}.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{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.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{width:inherit;height:inherit;padding:2px 12px;line-height:inherit}.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{color:#fff}.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{display:none}.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{background-color:rgba(0,0,0,0)}.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{background-color:rgba(0,0,0,0)}.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{display:flex;margin-left:8px}.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{opacity:1}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{color:#fff;background-color:#1c293c}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.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{background-color:#223666}.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{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.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{width:inherit;height:inherit;padding:2px 12px;line-height:inherit}.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{color:#fff}.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{display:none}.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{background-color:rgba(0,0,0,0)}.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{background-color:rgba(0,0,0,0)}.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{display:flex;margin-left:8px}.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{opacity:1}.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{color:#fff}.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{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{color:#1d2126;background-color:#fff}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.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{color:#1d2126}.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{color:#1d2126}.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{color:#5c6573}.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{color:#5c6573}.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{color:#2e65e6}.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{background-color:#eaecf1}.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{background-color:#eaecf1}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../_virtual/jsx-runtime.js"),i=require("react"),Re=require("react-dom"),Ce=require("../CollapseBox/index.js"),H=require("../para-ui-core/node_modules/@para-ui/icons/Down/index.js"),ue=require("../para-ui-core/node_modules/@para-ui/icons/index.js"),de=require("@snack-kit/lib"),F=require("../GlobalContext/constant.js"),he=require("../AutoTips/index.js"),ae=x=>{let m="div";return(!x||x.length===0)&&(m="a"),m},me=(x=[],m,T)=>!x||x.length===0?{href:T||`#${m}`}:{},fe=x=>{const{label:m,type:T="router",path:j,href:E,icon:k,children:u,className:_,level:d=1,badge:f,selectMenu:L="",idMenuLast:v,onClickMenu:h,shrinkOthers:g=!0,jumpIcon:R,onClickJump:N}=x,[M,$]=i.useState(!1);i.useEffect(()=>{const s=v?.[L||""];s&&s.indexOf(j||"")!==-1&&s.length>1?$(!0):g&&$(!1)},[v,L,j]);const I=s=>{if(u&&u.length>0)return h&&h(!1),$(!M);h&&h(x),s.preventDefault()},P=()=>{if(k){const s=ue[k];return s?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:k})}},B=s=>{s.stopPropagation(),s.preventDefault(),N?.(x)},b=()=>u&&u.length>0?t.jsxRuntimeExports.jsx(H.Down,{}):R?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:B,children:R}):t.jsxRuntimeExports.jsx(H.Down,{className:"opacity-pos-svg"}),O=()=>{if(f!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:f})})},S=()=>{let s="vertical-menu-list-item";M&&(s+=" vertical-menu-list-item-open"),_&&(s+=` ${_}`);const l=v?.[L||""];if(l){const D=l.indexOf(j||"");D!==-1&&(s+=" vertical-menu-list-item-select",D===l.length-1&&(s+=" vertical-menu-list-item-select-last"),M||(s+=" vertical-menu-list-item-select-retract"))}return s},J=()=>{const s={paddingRight:"12px",paddingLeft:"0px"},l=typeof d=="number"?d:1;return l>=0&&(s.paddingLeft=`${(l-1)*26+12}px`),s},p=i.useMemo(()=>{const s=ae(u);return t.jsxRuntimeExports.jsxs(s,{onClick:I,className:"vertical-menu-list-item-content",style:J(),...me(u,j,E),children:[P(),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:m})}),O()]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:b()})]})},[u,h,M,d,k,m,j,E,R]),y=i.useMemo(()=>t.jsxRuntimeExports.jsx(Ce.default,{in:M,className:"li-collapse",timeout:"auto",unmountOnExit:!0,children:u&&u.length>0&&u.map((s,l)=>t.jsxRuntimeExports.jsx(fe,{...s,jumpIcon:R||s.jumpIcon,onClickJump:N,level:d+1,idMenuLast:v,selectMenu:L,onClickMenu:h,shrinkOthers:g},l))}),[M,u,d,v,L,h,g,R]);return t.jsxRuntimeExports.jsxs("div",{className:S(),children:[p,y]})},je=x=>{const{size:m="large",open:T=!1,anchorEl:j,idMenuLast:E,selectMenu:k="",onClickMenu:u,list:_=[],onMouseEnter:d,onMouseLeave:f,onMouseEnterBus:L,onMouseLeaveBus:v,level:h=1,color:g,className:R,jumpIcon:N,onClickJump:M}=x,[$,I]=i.useState(!1),[P,B]=i.useState(""),[b,O]=i.useState([]),[S,J]=i.useState({}),[p]=i.useState({}),y=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(p.leaveBox),clearTimeout(p.closeTimer),clearTimeout(p.styleTimer)},[]),i.useEffect(()=>{s()},[T,j]);const s=()=>{clearTimeout(p.styleTimer),p.styleTimer=setTimeout(()=>{if(j&&T&&y.current){const n=document.querySelector(`[data-menu-id=${j}]`);if(!n)return;const c=n.getBoundingClientRect();let a=c.top;h!==1&&(a=a-4);const G=document.body.clientHeight,K=y.current.clientHeight;K+a>G&&(a=a-(K+a-G)-20),a<0&&(a=0),J({position:"absolute",left:"0",top:"0",transform:`translate3d(${c.right}px, ${a}px, 0px)`})}})},l=()=>{let n=`${F.$prefixCls}-vertical-menu-item-popper`;return g&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${g}`),m&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${m}`),g==="deep"?n+=` ${F.$prefixCls}-scrollbar-small-deep`:n+=` ${F.$prefixCls}-scrollbar-small`,N&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-jump-icon`),R&&(n+=` ${R}`),n},D=n=>{let c="menu-item-popper-content-item";const a=E?.[k||""];return a&&a.indexOf(n.path||"")!==-1&&(c+=" menu-item-popper-content-item-select"),c},X=n=>{if(n){const c=ue[n];return c?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:c()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:n})}},A=n=>c=>{c.stopPropagation(),c.preventDefault(),M?.(n)},V=(n,c)=>n&&n.length>0?t.jsxRuntimeExports.jsx(H.Down,{}):N?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:A(c),children:N}):t.jsxRuntimeExports.jsx(H.Down,{className:"opacity-pos-svg"}),Y=n=>{if(n.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:n.badge})})},Z=n=>c=>{c.preventDefault(),!(n.children&&n.children.length>0)&&u&&u(n)},ee=()=>{h==1?d&&d():L&&L()},te=()=>{clearTimeout(p.leaveBox),p.leaveBox=setTimeout(()=>{h===1?f&&f():v&&v()},50)},z=()=>{clearTimeout(p.leaveBox)},ne=()=>{I(!1),B(""),O([]),f&&f()},se=n=>c=>{re(c.target),I(!1),clearTimeout(p.closeTimer),p.closeTimer=setTimeout(()=>{(n.children||[]).length>0?(I(!0),B(c.target.getAttribute("data-menu-id")||""),O(n.children||[])):(I(!1),B(""),O([]))})},U=n=>c=>{},re=n=>{if(y){const a=y.current?.querySelector(".menu-item-popper-content-item-hover");a&&a.classList.remove("menu-item-popper-content-item-hover")}n&&n.classList.add("menu-item-popper-content-item-hover")},oe=i.useMemo(()=>t.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",onMouseEnter:ee,onMouseLeave:te,ref:y,children:_.map((n,c)=>{const a=ae(n.children);return t.jsxRuntimeExports.jsx("div",{className:D(n),onMouseEnter:se(n),onMouseLeave:U(),children:t.jsxRuntimeExports.jsxs(a,{className:"menu-item-popper-content-item-content","data-menu-id":n._paraui_menu_id,onClick:Z(n),...me(n.children,n.path,n.href),children:[X(n.icon),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:n.label})}),Y(n)]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:V(n.children,n)})]})},c)})}),[_,u,E,k,u,d,f,h,M,N]),ie=()=>t.jsxRuntimeExports.jsx("div",{className:l(),style:S,children:oe}),W=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Re.createPortal(t.jsxRuntimeExports.jsx(ie,{}),document.getElementsByTagName("body")[0])}),[S,_,u,E,k,u,d,f,h,R,g,m,M,N]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[W,$&&t.jsxRuntimeExports.jsx(je,{size:m,open:$,anchorEl:P,list:b,idMenuLast:E,selectMenu:k,onClickMenu:u,onMouseEnter:d,onMouseLeave:f,onMouseEnterBus:z,onMouseLeaveBus:ne,color:g,level:h+1,jumpIcon:N,onClickJump:M})]})},ce=x=>{if(!x)return 0;try{const m=x.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(m&&m[2])}catch{}return 0},Ee=x=>{const{list:m,expansion:T=!0,selectMenu:j="",onClickMenu:E,className:k,shrinkOthers:u=!0,size:_="large",jumpIcon:d,onClickJump:f,color:L}=x,[v,h]=i.useState([]),[g,R]=i.useState(!1),[N,M]=i.useState(null),[$,I]=i.useState(""),[P,B]=i.useState([]),[b,O]=i.useState(""),[S,J]=i.useState({}),[p,y]=i.useState({prev:!1,next:!1}),[s]=i.useState({}),l=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(s.arrowTimer),clearTimeout(s.leaveTimer),clearTimeout(s.enterTimer)},[]),i.useEffect(()=>{const e=m||[],r=[];for(let o=0,C=e.length;o<C;o++){const Q=e[o];r.push({...Q})}Z(r)},[m]),i.useEffect(()=>{D()},[v]),i.useEffect(()=>{j!==b&&O(j),D()},[j]);const D=()=>{clearTimeout(s.arrowTimer),s.arrowTimer=setTimeout(()=>{if(!l.current)return;const{min:e,max:r}=Y(),o=ce(l.current.style.transform);y({prev:o!==e,next:o>r})},300)},X=e=>{if(!l.current)return;l.current.style.transition="none";const{deltaY:r}=e;let o=ce(l.current.style.transform);o-=r,V(o)},A=e=>()=>{if(!l.current)return;const r=100;let o=ce(l.current.style.transform);switch(e){case"next":o-=r;break;case"prev":o+=r;break}V(o)},V=e=>{if(!l.current)return;const{min:r,max:o}=Y();e>r&&(e=r),e<o&&(e=o),y({prev:e!==r,next:e>o}),l.current.style.transform=`translate3d(0, ${e}px, 0)`,l.current.style.transition="all .3s"},Y=()=>{if(!l.current||!l.current.parentNode)return{min:0,max:0};const e=l.current.parentNode.getBoundingClientRect().height,r=0;let o=-(l.current.getBoundingClientRect().height-e);return e>l.current.getBoundingClientRect().height&&(o=0),{min:r,max:o}},Z=e=>{const r={},o={},C=(Q,pe)=>{for(let le=0,ge=Q.length;le<ge;le++){const w=Q[le],q=w.path||"";if(w._paraui_menu_id=`_paraui_menu_id_${de.UUID()}`,pe){const xe=de.DeepClone(r[pe.path||""]||[]);xe.push(q),r[q]=[...xe]}else r[q]=[q],w._paraui_menu_first=!0;w.children&&w.children.length>0?C(w.children,w):o[q]=r[q]}};C(e),J(o),h(e)},ee=(e,r)=>o=>{R(!1),clearTimeout(s.enterTimer),s.enterTimer=setTimeout(()=>{clearTimeout(s.leaveTimer);let C=[e];e.children&&e.children.length>0&&(C=e.children),M(r),I(o.target.getAttribute("data-menu-id")||""),B(C),R(!0)})},te=e=>r=>{z()},z=()=>{clearTimeout(s.leaveTimer),s.leaveTimer=setTimeout(()=>{U()},50)},ne=()=>{clearTimeout(s.leaveTimer)},se=()=>{z()},U=()=>{R(!1),I(""),B([]),M(null)},re=e=>{const{icon:r,label:o}=e;if(r){const C=ue[r];return C?C():r}return typeof o=="string"?o[0]:o},oe=e=>{if(e.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-shrink-badge",children:t.jsxRuntimeExports.jsx("span",{children:e.badge})})},ie=e=>r=>{if(!e.children||e.children.length===0){const o={...e};delete o._paraui_menu_id,E&&E(o)}r.preventDefault()},W=e=>{if(e===!1)return D();U();const r={...e};delete r._paraui_menu_id,E&&E(r)},n=(e,r)=>{let o="vertical-menu-list-item-shrink";const C=S?.[b||""];return C&&C.indexOf(e.path||"")!==-1&&(o+=" vertical-menu-list-item-shrink-select"),N===r&&(o+=" vertical-menu-list-item-shrink-hover"),o},c=()=>{let e="vertical-menu-list";return k&&(e+=` ${k}`),e},a=i.useMemo(()=>{if(T)return v.map((e,r)=>i.createElement(fe,{...e,key:r,level:1,jumpIcon:e.jumpIcon||d,onClickJump:e.onClickJump||f,idMenuLast:S,selectMenu:b,onClickMenu:W,shrinkOthers:u}))},[T,v,S,b,E,u,d,f]),G=i.useMemo(()=>T?null:v.map((e,r)=>{const o=ae(e.children);return t.jsxRuntimeExports.jsx(o,{className:n(e,r),onMouseEnter:ee(e,r),onMouseLeave:te(),"data-menu-id":e._paraui_menu_id,onClick:ie(e),...me(e.children,e.path,e.href),children:t.jsxRuntimeExports.jsxs("span",{className:"vertical-menu-list-item-shrink-content",children:[re(e),oe(e)]})},r)}),[T,v,S,b,N]),K=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p.prev&&t.jsxRuntimeExports.jsx("div",{className:"scroll-top",children:t.jsxRuntimeExports.jsx("span",{onClick:A("prev"),children:t.jsxRuntimeExports.jsx(H.Down,{})})})}),[p]),ve=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p.next&&t.jsxRuntimeExports.jsx("div",{className:"scroll-bottom",children:t.jsxRuntimeExports.jsx("span",{onClick:A("next"),children:t.jsxRuntimeExports.jsx(H.Down,{})})})}),[p]),Me=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:g&&t.jsxRuntimeExports.jsx(je,{open:g,anchorEl:$,list:P,idMenuLast:S,selectMenu:b,onClickMenu:W,onMouseEnter:ne,onMouseLeave:se,color:L,level:1,size:_,jumpIcon:d,onClickJump:f})}),[g,$,P,S,b,E,s,L,_,d,f]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:c(),onWheel:X,children:[K,t.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-box",children:t.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-box-srcoll",ref:l,children:[a,G]})}),ve]}),Me]})};exports.VerticalMenuList=Ee;exports.default=Ee;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),o=require("react"),Re=require("react-dom"),Ce=require("../CollapseBox/index.js"),V=require("../para-ui-core/node_modules/@para-ui/icons/Down/index.js"),me=require("../para-ui-core/node_modules/@para-ui/icons/index.js"),fe=require("@snack-kit/lib"),A=require("../GlobalContext/constant.js"),ue=require("../AutoTips/index.js"),pe=h=>{let u="div";return(!h||h.length===0)&&(u="a"),u},xe=(h=[],u,L)=>!h||h.length===0?{href:L||`#${u}`}:{},ae=h=>{const{label:u,type:L="router",path:R,href:C,icon:b,children:l,className:B,level:x=1,badge:v,selectMenu:N="",idMenuLast:f,onClickMenu:p,shrinkOthers:E=!0,jumpIcon:M,onClickJump:T,group:D}=h,[S,y]=o.useState(!1),H=!!(D&&x===1&&l&&l.length>0);o.useEffect(()=>{const i=f?.[N||""];i&&i.indexOf(R||"")!==-1&&i.length>1?y(!0):E&&y(!1)},[f,N,R]);const O=i=>{if(l&&l.length>0)return p&&p(!1),y(!S);p&&p(h),i.preventDefault()},_=()=>{if(b){const i=me[b];return i?e.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:i()}):e.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:b})}},w=i=>{i.stopPropagation(),i.preventDefault(),T?.(h)},I=()=>l&&l.length>0?e.jsxRuntimeExports.jsx(V.Down,{}):M?e.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:w,children:M}):e.jsxRuntimeExports.jsx(V.Down,{className:"opacity-pos-svg"}),Y=()=>{if(v!==void 0)return e.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:e.jsxRuntimeExports.jsx("span",{children:v})})},d=()=>{let i="vertical-menu-list-item";S&&(i+=" vertical-menu-list-item-open"),B&&(i+=` ${B}`);const g=f?.[N||""];if(g){const q=g.indexOf(R||"");q!==-1&&(i+=" vertical-menu-list-item-select",q===g.length-1&&(i+=" vertical-menu-list-item-select-last"),S||(i+=" vertical-menu-list-item-select-retract"))}return i},$=()=>{const i={paddingRight:"12px",paddingLeft:"0px"},g=typeof x=="number"?x:1;return g>=0&&(i.paddingLeft=`${(g-1)*26+12}px`),i},j=o.useMemo(()=>{const i=pe(l);return e.jsxRuntimeExports.jsxs(i,{onClick:O,className:"vertical-menu-list-item-content",style:$(),...xe(l,R,C),children:[_(),e.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[e.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:e.jsxRuntimeExports.jsx(ue.default,{children:u})}),Y()]}),e.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:I()})]})},[l,p,S,x,b,u,R,C,M]),a=o.useMemo(()=>e.jsxRuntimeExports.jsx(Ce.default,{in:S,className:"li-collapse",timeout:"auto",unmountOnExit:!0,children:l&&l.length>0&&l.map((i,g)=>e.jsxRuntimeExports.jsx(ae,{...i,jumpIcon:M||i.jumpIcon,onClickJump:T,level:x+1,idMenuLast:f,selectMenu:N,onClickMenu:p,shrinkOthers:E},g))}),[S,l,x,f,N,p,E,M]),P=o.useMemo(()=>e.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-group",children:[e.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-group-label",children:e.jsxRuntimeExports.jsx(ue.default,{children:u})}),l?.map((i,g)=>e.jsxRuntimeExports.jsx(ae,{...i,jumpIcon:M||i.jumpIcon,onClickJump:T,level:1,idMenuLast:f,selectMenu:N,onClickMenu:p,shrinkOthers:E},g))]}),[l,M,T,f,N,p,E,u]);return H?P:e.jsxRuntimeExports.jsxs("div",{className:d(),children:[j,a]})},je=h=>{const{size:u="large",open:L=!1,anchorEl:R,idMenuLast:C,selectMenu:b="",onClickMenu:l,list:B=[],onMouseEnter:x,onMouseLeave:v,onMouseEnterBus:N,onMouseLeaveBus:f,level:p=1,color:E,className:M,jumpIcon:T,onClickJump:D}=h,[S,y]=o.useState(!1),[H,O]=o.useState(""),[_,w]=o.useState([]),[I,Y]=o.useState({}),[d]=o.useState({}),$=o.useRef(null);o.useEffect(()=>()=>{clearTimeout(d.leaveBox),clearTimeout(d.closeTimer),clearTimeout(d.styleTimer)},[]),o.useEffect(()=>{j()},[L,R]);const j=()=>{clearTimeout(d.styleTimer),d.styleTimer=setTimeout(()=>{if(R&&L&&$.current){const n=document.querySelector(`[data-menu-id=${R}]`);if(!n)return;const c=n.getBoundingClientRect();let m=c.top;p!==1&&(m=m-4);const K=document.body.clientHeight,Q=$.current.clientHeight;Q+m>K&&(m=m-(Q+m-K)-20),m<0&&(m=0),Y({position:"absolute",left:"0",top:"0",transform:`translate3d(${c.right}px, ${m}px, 0px)`})}})},a=()=>{let n=`${A.$prefixCls}-vertical-menu-item-popper`;return E&&(n+=` ${A.$prefixCls}-vertical-menu-item-popper-${E}`),u&&(n+=` ${A.$prefixCls}-vertical-menu-item-popper-${u}`),E==="deep"?n+=` ${A.$prefixCls}-scrollbar-small-deep`:n+=` ${A.$prefixCls}-scrollbar-small`,T&&(n+=` ${A.$prefixCls}-vertical-menu-item-popper-jump-icon`),M&&(n+=` ${M}`),n},P=n=>{let c="menu-item-popper-content-item";const m=C?.[b||""];return m&&m.indexOf(n.path||"")!==-1&&(c+=" menu-item-popper-content-item-select"),c},i=n=>{if(n){const c=me[n];return c?e.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:c()}):e.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:n})}},g=n=>c=>{c.stopPropagation(),c.preventDefault(),D?.(n)},q=(n,c)=>n&&n.length>0?e.jsxRuntimeExports.jsx(V.Down,{}):T?e.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:g(c),children:T}):e.jsxRuntimeExports.jsx(V.Down,{className:"opacity-pos-svg"}),z=n=>{if(n.badge!==void 0)return e.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:e.jsxRuntimeExports.jsx("span",{children:n.badge})})},Z=n=>c=>{c.preventDefault(),!(n.children&&n.children.length>0)&&l&&l(n)},ee=()=>{p==1?x&&x():N&&N()},te=()=>{clearTimeout(d.leaveBox),d.leaveBox=setTimeout(()=>{p===1?v&&v():f&&f()},50)},G=()=>{clearTimeout(d.leaveBox)},ne=()=>{y(!1),O(""),w([]),v&&v()},se=n=>c=>{re(c.target),y(!1),clearTimeout(d.closeTimer),d.closeTimer=setTimeout(()=>{(n.children||[]).length>0?(y(!0),O(c.target.getAttribute("data-menu-id")||""),w(n.children||[])):(y(!1),O(""),w([]))})},U=n=>c=>{},re=n=>{if($){const m=$.current?.querySelector(".menu-item-popper-content-item-hover");m&&m.classList.remove("menu-item-popper-content-item-hover")}n&&n.classList.add("menu-item-popper-content-item-hover")},oe=o.useMemo(()=>e.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",onMouseEnter:ee,onMouseLeave:te,ref:$,children:B.map((n,c)=>{const m=pe(n.children);return e.jsxRuntimeExports.jsx("div",{className:P(n),onMouseEnter:se(n),onMouseLeave:U(),children:e.jsxRuntimeExports.jsxs(m,{className:"menu-item-popper-content-item-content","data-menu-id":n._paraui_menu_id,onClick:Z(n),...xe(n.children,n.path,n.href),children:[i(n.icon),e.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[e.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:e.jsxRuntimeExports.jsx(ue.default,{children:n.label})}),z(n)]}),e.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:q(n.children,n)})]})},c)})}),[B,l,C,b,l,x,v,p,D,T]),ie=()=>e.jsxRuntimeExports.jsx("div",{className:a(),style:I,children:oe}),W=o.useMemo(()=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Re.createPortal(e.jsxRuntimeExports.jsx(ie,{}),document.getElementsByTagName("body")[0])}),[I,B,l,C,b,l,x,v,p,M,E,u,D,T]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[W,S&&e.jsxRuntimeExports.jsx(je,{size:u,open:S,anchorEl:H,list:_,idMenuLast:C,selectMenu:b,onClickMenu:l,onMouseEnter:x,onMouseLeave:v,onMouseEnterBus:G,onMouseLeaveBus:ne,color:E,level:p+1,jumpIcon:T,onClickJump:D})]})},ce=h=>{if(!h)return 0;try{const u=h.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(u&&u[2])}catch{}return 0},ve=h=>{const{list:u,expansion:L=!0,selectMenu:R="",onClickMenu:C,className:b,shrinkOthers:l=!0,size:B="large",jumpIcon:x,onClickJump:v,color:N}=h,[f,p]=o.useState([]),[E,M]=o.useState(!1),[T,D]=o.useState(null),[S,y]=o.useState(""),[H,O]=o.useState([]),[_,w]=o.useState(""),[I,Y]=o.useState({}),[d,$]=o.useState({prev:!1,next:!1}),[j]=o.useState({}),a=o.useRef(null);o.useEffect(()=>()=>{clearTimeout(j.arrowTimer),clearTimeout(j.leaveTimer),clearTimeout(j.enterTimer)},[]),o.useEffect(()=>{const t=u||[],s=[];for(let r=0,k=t.length;r<k;r++){const X=t[r];s.push({...X})}Z(s)},[u]),o.useEffect(()=>{P()},[f]),o.useEffect(()=>{R!==_&&w(R),P()},[R]);const P=()=>{clearTimeout(j.arrowTimer),j.arrowTimer=setTimeout(()=>{if(!a.current)return;const{min:t,max:s}=z(),r=ce(a.current.style.transform);$({prev:r!==t,next:r>s})},300)},i=t=>{if(!a.current)return;a.current.style.transition="none";const{deltaY:s}=t;let r=ce(a.current.style.transform);r-=s,q(r)},g=t=>()=>{if(!a.current)return;const s=100;let r=ce(a.current.style.transform);switch(t){case"next":r-=s;break;case"prev":r+=s;break}q(r)},q=t=>{if(!a.current)return;const{min:s,max:r}=z();t>s&&(t=s),t<r&&(t=r),$({prev:t!==s,next:t>r}),a.current.style.transform=`translate3d(0, ${t}px, 0)`,a.current.style.transition="all .3s"},z=()=>{if(!a.current||!a.current.parentNode)return{min:0,max:0};const t=a.current.parentNode.getBoundingClientRect().height,s=0;let r=-(a.current.getBoundingClientRect().height-t);return t>a.current.getBoundingClientRect().height&&(r=0),{min:s,max:r}},Z=t=>{const s={},r={},k=(X,de)=>{for(let le=0,ge=X.length;le<ge;le++){const F=X[le],J=F.path||"";if(F._paraui_menu_id=`_paraui_menu_id_${fe.UUID()}`,de){const he=fe.DeepClone(s[de.path||""]||[]);he.push(J),s[J]=[...he]}else s[J]=[J],F._paraui_menu_first=!0;F.children&&F.children.length>0?k(F.children,F):r[J]=s[J]}};k(t),Y(r),p(t)},ee=(t,s)=>r=>{M(!1),clearTimeout(j.enterTimer),j.enterTimer=setTimeout(()=>{clearTimeout(j.leaveTimer);let k=[t];t.children&&t.children.length>0&&(k=t.children),D(s),y(r.target.getAttribute("data-menu-id")||""),O(k),M(!0)})},te=t=>s=>{G()},G=()=>{clearTimeout(j.leaveTimer),j.leaveTimer=setTimeout(()=>{U()},50)},ne=()=>{clearTimeout(j.leaveTimer)},se=()=>{G()},U=()=>{M(!1),y(""),O([]),D(null)},re=t=>{const{icon:s,label:r}=t;if(s){const k=me[s];return k?k():s}return typeof r=="string"?r[0]:r},oe=t=>{if(t.badge!==void 0)return e.jsxRuntimeExports.jsx("div",{className:"menu-item-shrink-badge",children:e.jsxRuntimeExports.jsx("span",{children:t.badge})})},ie=t=>s=>{if(!t.children||t.children.length===0){const r={...t};delete r._paraui_menu_id,C&&C(r)}s.preventDefault()},W=t=>{if(t===!1)return P();U();const s={...t};delete s._paraui_menu_id,C&&C(s)},n=(t,s)=>{let r="vertical-menu-list-item-shrink";const k=I?.[_||""];return k&&k.indexOf(t.path||"")!==-1&&(r+=" vertical-menu-list-item-shrink-select"),T===s&&(r+=" vertical-menu-list-item-shrink-hover"),r},c=()=>{let t="vertical-menu-list";return b&&(t+=` ${b}`),t},m=o.useMemo(()=>{if(L)return f.map((t,s)=>o.createElement(ae,{...t,key:s,level:1,jumpIcon:t.jumpIcon||x,onClickJump:t.onClickJump||v,idMenuLast:I,selectMenu:_,onClickMenu:W,shrinkOthers:l}))},[L,f,I,_,C,l,x,v]),K=o.useMemo(()=>L?null:f.map((t,s)=>{const r=pe(t.children);return e.jsxRuntimeExports.jsx(r,{className:n(t,s),onMouseEnter:ee(t,s),onMouseLeave:te(),"data-menu-id":t._paraui_menu_id,onClick:ie(t),...xe(t.children,t.path,t.href),children:e.jsxRuntimeExports.jsxs("span",{className:"vertical-menu-list-item-shrink-content",children:[re(t),oe(t)]})},s)}),[L,f,I,_,T]),Q=o.useMemo(()=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:d.prev&&e.jsxRuntimeExports.jsx("div",{className:"scroll-top",children:e.jsxRuntimeExports.jsx("span",{onClick:g("prev"),children:e.jsxRuntimeExports.jsx(V.Down,{})})})}),[d]),Ee=o.useMemo(()=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:d.next&&e.jsxRuntimeExports.jsx("div",{className:"scroll-bottom",children:e.jsxRuntimeExports.jsx("span",{onClick:g("next"),children:e.jsxRuntimeExports.jsx(V.Down,{})})})}),[d]),Me=o.useMemo(()=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:E&&e.jsxRuntimeExports.jsx(je,{open:E,anchorEl:S,list:H,idMenuLast:I,selectMenu:_,onClickMenu:W,onMouseEnter:ne,onMouseLeave:se,color:N,level:1,size:B,jumpIcon:x,onClickJump:v})}),[E,S,H,I,_,C,j,N,B,x,v]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:c(),onWheel:i,children:[Q,e.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-box",children:e.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-box-srcoll",ref:a,children:[m,K]})}),Ee]}),Me]})};exports.VerticalMenuList=ve;exports.default=ve;
2
2
  //# sourceMappingURL=verticalMenuList.js.map
@@ -1 +1 @@
1
- @charset "UTF-8";.paraui-v4-radio-group{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;width:100%}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}
1
+ @charset "UTF-8";.paraui-v4-radio-group{width:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group:not(.paraui-v4-radio-group-column)>.radio-group-content{margin-bottom:-4px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}
@@ -1 +1 @@
1
- .paraui-v4-radio-group{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;width:100%}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}
1
+ .paraui-v4-radio-group{width:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group:not(.paraui-v4-radio-group-column)>.radio-group-content{margin-bottom:-4px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),t=require("react"),i=require("../GlobalContext/constant.js"),Z=require("../Label/index.js"),M=require("../InputNumber/index.js"),B=require("../HelperText/index.js"),ee=require("clsx"),ne=require("../Tooltip/index.js"),re=require("@snack-kit/lib");;/* empty css */function V(u){const{className:P,style:W,label:H,labelTooltip:z,size:L="large",required:O=!1,disabled:o=!1,disabledTooltip:l,warningMessage:g,warnTime:k=2e3,defaultValue:te,value:h,error:j=!1,hideErrorDom:E,helperText:G="",separator:J="~",unit:v,placeholder:c,clearable:se=!1,onFocus:C,onBlur:w,onEnter:T,onChange:d,otherProps:f}=u,[m,p]=t.useState([null,null]),[K,I]=t.useState(!1),[Q,q]=t.useState(!1),e=t.useRef({timer:null,swapRafId:null}),$=t.useRef(null);t.useEffect(()=>{u.defaultValue!==void 0&&p(u.defaultValue)},[]),t.useEffect(()=>{h!==void 0&&p(h)},[h]),t.useEffect(()=>()=>{e.current.swapRafId!==null&&(cancelAnimationFrame(e.current.swapRafId),e.current.swapRafId=null),e.current.timer!==null&&(clearTimeout(e.current.timer),e.current.timer=null)},[]);const N=n=>c&&c instanceof Array?c[n]:c,x=n=>o&&o instanceof Array?o[n]:o,F=n=>s=>{I(!0),C&&C(s,n)},A=n=>s=>{I(!1),w&&w(s,n),e.current.swapRafId!==null&&cancelAnimationFrame(e.current.swapRafId),e.current.swapRafId=requestAnimationFrame(()=>{e.current.swapRafId=null;const a=$.current;if(a&&a.contains(document.activeElement))return;const[R,b]=m;if(R!==null&&b!==null&&R>b){const y=[b,R];u.value===void 0&&p(y),d&&d(y,-1),g&&U()}})},U=()=>{clearTimeout(e.current.timer??void 0),q(!0),e.current.timer=setTimeout(()=>{q(!1)},k)},D=n=>s=>{T&&T(s,n)},S=n=>s=>{const a=re.DeepClone(m);a[n]=s,u.value===void 0&&p(a),d&&d(a,n)},_=()=>r.jsxRuntimeExports.jsxs("div",{className:"range-input-content",children:[r.jsxRuntimeExports.jsx(M.InputNumber,{...f&&f[0],clearable:!0,btnMode:"none",hideErrorDom:!0,placeholder:N(0),disabled:x(0),disabledTooltip:l?.[0],value:m[0],onFocus:F(0),onBlur:A(0),onEnter:D(0),onChange:S(0)}),r.jsxRuntimeExports.jsx("span",{className:"separator",children:J}),r.jsxRuntimeExports.jsx(M.InputNumber,{...f&&f[1],clearable:!0,btnMode:"none",hideErrorDom:!0,placeholder:N(1),disabled:x(1),disabledTooltip:l?.[1],value:m[1],onFocus:F(1),onBlur:A(1),onEnter:D(1),onChange:S(1)}),v&&r.jsxRuntimeExports.jsx("span",{className:"unit",children:v})]}),X=()=>l&&!(l instanceof Array)?r.jsxRuntimeExports.jsx(ne.Tooltip,{disabled:!0,...l,children:_()}):_(),Y=()=>Q?r.jsxRuntimeExports.jsx(B.default,{className:"range-input-warning-text",helperText:g,hideErrorDom:E}):r.jsxRuntimeExports.jsx(B.default,{className:"range-input-error-text",error:j,helperText:G,hideErrorDom:E});return r.jsxRuntimeExports.jsxs("div",{ref:$,className:ee(P,`${i.$prefixCls}-range-input`,`${i.$prefixCls}-range-input-${L}`,{[`${i.$prefixCls}-range-input-focus`]:K,[`${i.$prefixCls}-range-input-disabled`]:o===!0||x(0)&&x(1),[`${i.$prefixCls}-range-input-error`]:j}),style:W,children:[r.jsxRuntimeExports.jsx(Z.default,{label:H,required:O,...z}),X(),Y()]})}exports.RangeInput=V;exports.default=V;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),t=require("react"),i=require("../GlobalContext/constant.js"),Z=require("../Label/index.js"),V=require("../InputNumber/index.js"),P=require("../HelperText/index.js"),ee=require("clsx"),ne=require("../Tooltip/index.js"),re=require("@snack-kit/lib");;/* empty css */function W(u){const{className:H,style:z,label:g,labelTooltip:L,size:O="large",required:j=!1,disabled:o=!1,disabledTooltip:l,warningMessage:E,warnTime:k=2e3,defaultValue:te,value:h,error:v=!1,hideErrorDom:C,helperText:G="",separator:J="~",unit:w,placeholder:c,clearable:se=!1,onFocus:T,onBlur:I,onEnter:q,onChange:d,otherProps:f}=u,[m,p]=t.useState([null,null]),[K,$]=t.useState(!1),[Q,N]=t.useState(!1),e=t.useRef({timer:null,swapRafId:null}),F=t.useRef(null);t.useEffect(()=>{u.defaultValue!==void 0&&p(u.defaultValue)},[]),t.useEffect(()=>{h!==void 0&&p(h)},[h]),t.useEffect(()=>()=>{e.current.swapRafId!==null&&(cancelAnimationFrame(e.current.swapRafId),e.current.swapRafId=null),e.current.timer!==null&&(clearTimeout(e.current.timer),e.current.timer=null)},[]);const A=n=>c&&c instanceof Array?c[n]:c,x=n=>o&&o instanceof Array?o[n]:o,D=n=>s=>{$(!0),T&&T(s,n)},S=n=>s=>{$(!1),I&&I(s,n),e.current.swapRafId!==null&&cancelAnimationFrame(e.current.swapRafId),e.current.swapRafId=requestAnimationFrame(()=>{e.current.swapRafId=null;const a=F.current;if(a&&a.contains(document.activeElement))return;const[R,b]=m;if(R!==null&&b!==null&&R>b){const B=[b,R];u.value===void 0&&p(B),d&&d(B,-1),E&&U()}})},U=()=>{clearTimeout(e.current.timer??void 0),N(!0),e.current.timer=setTimeout(()=>{N(!1)},k)},_=n=>s=>{q&&q(s,n)},y=n=>s=>{const a=re.DeepClone(m);a[n]=s,u.value===void 0&&p(a),d&&d(a,n)},M=()=>r.jsxRuntimeExports.jsxs("div",{className:"range-input-content",children:[r.jsxRuntimeExports.jsx(V.InputNumber,{...f&&f[0],clearable:!0,btnMode:"none",hideErrorDom:!0,placeholder:A(0),disabled:x(0),disabledTooltip:l?.[0],value:m[0],onFocus:D(0),onBlur:S(0),onEnter:_(0),onChange:y(0)}),r.jsxRuntimeExports.jsx("span",{className:"separator",children:J}),r.jsxRuntimeExports.jsx(V.InputNumber,{...f&&f[1],clearable:!0,btnMode:"none",hideErrorDom:!0,placeholder:A(1),disabled:x(1),disabledTooltip:l?.[1],value:m[1],onFocus:D(1),onBlur:S(1),onEnter:_(1),onChange:y(1)}),w&&r.jsxRuntimeExports.jsx("span",{className:"unit",children:w})]}),X=()=>l&&!(l instanceof Array)?r.jsxRuntimeExports.jsx(ne.Tooltip,{disabled:!0,...l,children:M()}):M(),Y=()=>Q?r.jsxRuntimeExports.jsx(P.default,{className:"range-input-warning-text",helperText:E,hideErrorDom:C}):r.jsxRuntimeExports.jsx(P.default,{className:"range-input-error-text",error:v,helperText:G,hideErrorDom:C});return r.jsxRuntimeExports.jsxs("div",{ref:F,className:ee(H,`${i.$prefixCls}-range-input`,`${i.$prefixCls}-range-input-${O}`,{[`${i.$prefixCls}-range-input-focus`]:K,[`${i.$prefixCls}-range-input-disabled`]:o===!0||x(0)&&x(1),[`${i.$prefixCls}-range-input-error`]:v}),style:z,children:[(g||j)&&r.jsxRuntimeExports.jsx(Z.default,{label:g,required:j,...L}),X(),Y()]})}exports.RangeInput=W;exports.default=W;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../_virtual/jsx-runtime.js"),T=require("../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js"),d=require("rc-switch"),j=require("clsx"),s=require("../GlobalContext/constant.js"),f=require("../Label/index.js"),h=require("../Tooltip/index.js"),S=require("../GlobalContext/useFormatMessage.js"),v=require("./lang/index.js");;/* empty css */const b=C=>{const R=S.default("Switch",v.default),{size:r="default",loading:t,disabled:i,className:w,label:x,required:u=!1,desc:c,labelTooltip:E,descTooltip:N,disabledTooltip:p,loadingTitle:m=R({id:"ing"}),labelPlacement:P="top",descPlacement:g="start",supText:l,error:_,...a}=C,n=j(`${s.$prefixCls}-switch`,{[`${s.$prefixCls}-switch-small`]:r==="small",[`${s.$prefixCls}-switch-medium`]:r==="medium"||r==="default",[`${s.$prefixCls}-switch-loading`]:t,[`${s.$prefixCls}-switch-disabled`]:i},w),q=j(`${s.$prefixCls}-switch-label`,`${s.$prefixCls}-switch-label-${P}`,`${s.$prefixCls}-switch-desc-${g}`),o=e.jsxRuntimeExports.jsx("div",{className:`${s.$rcPrefixCls}-switch-handle`,children:t&&e.jsxRuntimeExports.jsx(T.LoadingF,{className:`${s.$rcPrefixCls}-switch-loading-icon`})}),$=()=>i&&p?e.jsxRuntimeExports.jsx(h.Tooltip,{disabled:!0,...p,children:e.jsxRuntimeExports.jsxs("div",{className:`${s.$rcPrefixCls}-label-box`,children:[e.jsxRuntimeExports.jsx(d,{className:n,...a,prefixCls:`${s.$rcPrefixCls}-switch`,disabled:i||t,loadingIcon:o}),l&&e.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:m&&t?e.jsxRuntimeExports.jsx(h.Tooltip,{disabled:!0,title:m,children:e.jsxRuntimeExports.jsxs("div",{className:`${s.$rcPrefixCls}-label-box`,children:[e.jsxRuntimeExports.jsx(d,{...a,prefixCls:`${s.$rcPrefixCls}-switch`,className:n,disabled:i||t,loadingIcon:o}),l&&e.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):e.jsxRuntimeExports.jsxs("div",{className:`${s.$rcPrefixCls}-label-box`,children:[e.jsxRuntimeExports.jsx(d,{...a,prefixCls:`${s.$rcPrefixCls}-switch`,className:n,disabled:i||t,loadingIcon:o}),l&&e.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})});return x||c?e.jsxRuntimeExports.jsxs("span",{className:q,children:[c&&e.jsxRuntimeExports.jsx(f.default,{label:c,required:u,...N,className:`${s.$rcPrefixCls}-desc-text ${i?`${s.$rcPrefixCls}-disabled-text`:""}`}),e.jsxRuntimeExports.jsxs("span",{className:`${s.$prefixCls}-label-text-container`,children:[x&&e.jsxRuntimeExports.jsx(f.default,{label:x,required:u,...E,className:`${s.$rcPrefixCls}-switch-text ${i?`${s.$rcPrefixCls}-disabled-text`:""}`}),$()]})]}):$()};exports.Switch=b;exports.default=b;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../_virtual/jsx-runtime.js"),T=require("../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js"),d=require("rc-switch"),f=require("clsx"),s=require("../GlobalContext/constant.js"),h=require("../Label/index.js"),C=require("../Tooltip/index.js"),_=require("../GlobalContext/useFormatMessage.js"),S=require("../FieldForm/compactControlMarker.js"),v=require("./lang/index.js");;/* empty css */const u=b=>{const R=_.default("Switch",v.default),{size:r="default",loading:i,disabled:t,className:E,label:x,required:p=!1,desc:c,labelTooltip:w,descTooltip:P,disabledTooltip:m,loadingTitle:$=R({id:"ing"}),labelPlacement:N="top",descPlacement:q="start",supText:l,error:M,...a}=b,n=f(`${s.$prefixCls}-switch`,{[`${s.$prefixCls}-switch-small`]:r==="small",[`${s.$prefixCls}-switch-medium`]:r==="medium"||r==="default",[`${s.$prefixCls}-switch-loading`]:i,[`${s.$prefixCls}-switch-disabled`]:t},E),g=f(`${s.$prefixCls}-switch-label`,`${s.$prefixCls}-switch-label-${N}`,`${s.$prefixCls}-switch-desc-${q}`),o=e.jsxRuntimeExports.jsx("div",{className:`${s.$rcPrefixCls}-switch-handle`,children:i&&e.jsxRuntimeExports.jsx(T.LoadingF,{className:`${s.$rcPrefixCls}-switch-loading-icon`})}),j=()=>t&&m?e.jsxRuntimeExports.jsx(C.Tooltip,{disabled:!0,...m,children:e.jsxRuntimeExports.jsxs("div",{className:`${s.$rcPrefixCls}-label-box`,children:[e.jsxRuntimeExports.jsx(d,{className:n,...a,prefixCls:`${s.$rcPrefixCls}-switch`,disabled:t||i,loadingIcon:o}),l&&e.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:$&&i?e.jsxRuntimeExports.jsx(C.Tooltip,{disabled:!0,title:$,children:e.jsxRuntimeExports.jsxs("div",{className:`${s.$rcPrefixCls}-label-box`,children:[e.jsxRuntimeExports.jsx(d,{...a,prefixCls:`${s.$rcPrefixCls}-switch`,className:n,disabled:t||i,loadingIcon:o}),l&&e.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})}):e.jsxRuntimeExports.jsxs("div",{className:`${s.$rcPrefixCls}-label-box`,children:[e.jsxRuntimeExports.jsx(d,{...a,prefixCls:`${s.$rcPrefixCls}-switch`,className:n,disabled:t||i,loadingIcon:o}),l&&e.jsxRuntimeExports.jsx("span",{className:"sup-text",children:l})]})});return x||c?e.jsxRuntimeExports.jsxs("span",{className:g,children:[c&&e.jsxRuntimeExports.jsx(h.default,{label:c,required:p,...P,className:`${s.$rcPrefixCls}-desc-text ${t?`${s.$rcPrefixCls}-disabled-text`:""}`}),e.jsxRuntimeExports.jsxs("span",{className:`${s.$prefixCls}-label-text-container`,children:[x&&e.jsxRuntimeExports.jsx(h.default,{label:x,required:p,...w,className:`${s.$rcPrefixCls}-switch-text ${t?`${s.$rcPrefixCls}-disabled-text`:""}`}),j()]})]}):j()};u[S.PARA_UI_COMPACT_CONTROL_MARKER]=!0;exports.Switch=u;exports.default=u;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const u=require("../_virtual/jsx-runtime.js"),r=require("react"),v=require("./index.js"),d=require("clsx");require("../para-ui-core/node_modules/@para-ui/icons/SvgIcon/index.js");const I=require("../para-ui-core/node_modules/@para-ui/icons/Plus/index.js"),B=require("../GlobalContext/constant.js"),M=require("../Hooks/useGlobalProps.js");;/* empty css */const $=i=>{const{className:R,size:l="large",style:w,defaultInputValue:x,increased:q=!1,increasedTag:c,inputClassName:y,inputWidth:E,marginBottom:f="8px",marginRight:N="8px",onChange:g}=M.default(i,"TagGroup"),[t,o]=r.useState([]),[h,m]=r.useState(x??""),[S,j]=r.useState(!1),C=r.useRef(),[T,V]=r.useState();r.useEffect(()=>{if(i.data){const e=i.data;if(e.some(s=>["string","number"].includes(typeof s))){const s=e.map(a=>({value:String(a),label:String(a)}));o(s)}else o([...e])}},[i.data]);const p=e=>e.map(n=>n.value),G=()=>{j(!0),setTimeout(()=>{C.current?.focus()})},W=(e,n)=>{t[n].value=e,o([...t]),g?.(t,p(t))},P=e=>{m(e.target.value)},b=()=>{const e=h.trim();e!==""&&(t.push({value:e,label:e,closable:!0}),o([...t]),g?.(t,p(t))),m(x??""),j(!1)},D=e=>{(e.keyCode===13||e.which===13)&&b()},O=e=>n=>{const s=t.findIndex(a=>a.value===e.value);s>-1&&(t.splice(s,1),o([...t])),e.onClose&&e.onClose(n),g?.(t,p(t))},_=()=>t?.length?t.map((e,n)=>u.jsxRuntimeExports.jsx(v.Tag,{marginBottom:f,marginRight:N,...e,size:l,visible:!0,tagChange:s=>W(s,n),onClose:O(e),children:e.label},n)):null,k=()=>{if(S){const a=d("tag-group-input",{"tag-group-input-large":l==="large"},y);return u.jsxRuntimeExports.jsx("input",{style:{width:E||T,minWidth:T},type:"text",ref:C,className:a,value:h,onChange:P,onBlur:b,onKeyDown:D})}let e=u.jsxRuntimeExports.jsx(I.Plus,{}),n="New Tag";c&&(e=c.icon||u.jsxRuntimeExports.jsx(I.Plus,{}),n=c.text??"New Tag");const s=d("tag-group-new",{"tag-group-new-icon":!n},"tag-group-add-btn");return u.jsxRuntimeExports.jsx(v.Tag,{getWidth:a=>V(a),className:s,size:l,icon:e,onClick:G,marginBottom:f,children:n})};return u.jsxRuntimeExports.jsxs("div",{className:d(`${B.$prefixCls}-tag-group`,R),style:w,children:[_(),q&&k()]})};exports.default=$;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const u=require("../_virtual/jsx-runtime.js"),r=require("react"),b=require("./index.js"),d=require("clsx");require("../para-ui-core/node_modules/@para-ui/icons/SvgIcon/index.js");const v=require("../para-ui-core/node_modules/@para-ui/icons/Plus/index.js"),B=require("../GlobalContext/constant.js"),M=require("../Hooks/useGlobalProps.js");;/* empty css */const $=l=>{const{className:I,size:i="large",style:w,defaultInputValue:x,increased:R=!1,increasedTag:c,inputClassName:y,inputWidth:q,marginBottom:E="8px",marginRight:N="8px",onChange:p}=M.default(l,"TagGroup"),[t,o]=r.useState([]),[f,h]=r.useState(x??""),[S,m]=r.useState(!1),j=r.useRef(),[C,G]=r.useState();r.useEffect(()=>{if(l.data){const e=l.data;if(e.some(s=>["string","number"].includes(typeof s))){const s=e.map(a=>({value:String(a),label:String(a)}));o(s)}else o([...e])}},[l.data]);const g=e=>e.map(n=>n.value),V=()=>{m(!0),setTimeout(()=>{j.current?.focus()})},W=(e,n)=>{t[n].value=e,o([...t]),p?.(t,g(t))},P=e=>{h(e.target.value)},T=()=>{const e=f.trim();e!==""&&(t.push({value:e,label:e,closable:!0}),o([...t]),p?.(t,g(t))),h(x??""),m(!1)},D=e=>{(e.keyCode===13||e.which===13)&&T()},O=e=>n=>{const s=t.findIndex(a=>a.value===e.value);s>-1&&(t.splice(s,1),o([...t])),e.onClose&&e.onClose(n),p?.(t,g(t))},_=()=>t?.length?t.map((e,n)=>u.jsxRuntimeExports.jsx(b.Tag,{...e,size:i,visible:!0,tagChange:s=>W(s,n),onClose:O(e),children:e.label},n)):null,k=()=>{if(S){const a=d("tag-group-input",{"tag-group-input-large":i==="large"},y);return u.jsxRuntimeExports.jsx("input",{style:{width:q||C,minWidth:C},type:"text",ref:j,className:a,value:f,onChange:P,onBlur:T,onKeyDown:D})}let e=u.jsxRuntimeExports.jsx(v.Plus,{}),n="New Tag";c&&(e=c.icon||u.jsxRuntimeExports.jsx(v.Plus,{}),n=c.text??"New Tag");const s=d("tag-group-new",{"tag-group-new-icon":!n},"tag-group-add-btn");return u.jsxRuntimeExports.jsx(b.Tag,{getWidth:a=>G(a),className:s,size:i,icon:e,onClick:V,children:n})};return u.jsxRuntimeExports.jsxs("div",{className:d(`${B.$prefixCls}-tag-group`,I),style:{rowGap:E,columnGap:N,...w},children:[_(),R&&k()]})};exports.default=$;
2
2
  //# sourceMappingURL=TagGroup.js.map
package/lib/Tag/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),n=require("react");require("../para-ui-core/node_modules/@para-ui/icons/SvgIcon/index.js");const le=require("../para-ui-core/node_modules/@para-ui/icons/Close/index.js"),ae=require("../para-ui-core/node_modules/@para-ui/icons/EditOutline/index.js"),w=require("clsx"),ue=require("./TagGroup.js"),o=require("../GlobalContext/constant.js"),ce=require("../AutoTips/index.js"),p=require("../para-ui-core/node_modules/tinycolor2/esm/tinycolor.js"),de=require("../Hooks/useGlobalProps.js");;/* empty css */const pe=["blue","green","yellow","red"],fe=a=>{const{type:f="normal",className:A,children:r,icon:u,color:t,onClose:G,onEdit:x,getWidth:g,tagChange:h,editInputClassName:F,closeIcon:m,closable:_=!1,editable:C=!1,size:E="small",maxWidth:B,style:O,visible:R,editInputWidth:z,tipMaxWidth:D,marginBottom:j,marginRight:v,...K}=de.default(a,"TagGroup"),[H,b]=n.useState(!0),[I,$]=n.useState(!1),[y,S]=n.useState(""),[q,J]=n.useState(0),[Q,c]=n.useState(!1),[U,d]=n.useState(!1),X=n.useRef(),i=n.useRef(null);n.useEffect(()=>{"visible"in a&&b(!!R)},[R]),n.useEffect(()=>{if(!i.current)return;const{offsetWidth:e}=i.current;J(e),g&&g(e)},[i,I]),n.useEffect(()=>{typeof r=="string"&&S(r)},[r]);const l=()=>t?pe.includes(t):!1,Y={color:t&&!l()?t:void 0,backgroundColor:t&&!l()?p.default(t).setAlpha(.1).toRgbString():void 0,borderColor:t&&!l()&&f==="outline"?t:void 0,maxWidth:B,marginBottom:j,marginRight:v,...O},M={backgroundColor:Q?p.default(t).setAlpha(.1).toRgbString():void 0,borderRadius:"2px"},Z={backgroundColor:U?p.default(t).setAlpha(.1).toRgbString():void 0,marginRight:r?E==="small"?"2px":"4px":void 0,borderRadius:"2px"},ee=w(`${o.$prefixCls}-tag`,`${o.$prefixCls}-tag-${f}`,`${o.$prefixCls}-tag-${E}`,A,{[`${o.$prefixCls}-tag-has-color`]:t,[`${o.$prefixCls}-tag-hidden`]:!H,[`${o.$prefixCls}-tag-${t}`]:l()}),N=e=>{e.stopPropagation(),G?.(e),c(!1),!e.defaultPrevented&&("visible"in a||b(!1))},P=()=>{c(!0)},k=()=>{c(!1)},T=()=>{d(!0)},W=()=>{d(!1)},te=e=>{e.stopPropagation(),x&&x(e),!e.defaultPrevented&&(d(!1),$(!0))},se=()=>_?m?s.jsxRuntimeExports.jsx("span",{className:"tag-close-icon",style:M,onClick:N,onMouseEnter:P,onMouseLeave:k,children:m}):s.jsxRuntimeExports.jsx(le.Close,{className:"tag-close-icon",style:M,onClick:N,onMouseEnter:P,onMouseLeave:k}):null,ne=()=>(C||u)&&s.jsxRuntimeExports.jsx("span",{className:`tag-edit-icon ${u?"tag-custom-icon":""}`,style:Z,onMouseEnter:T,onMouseLeave:W,children:C?s.jsxRuntimeExports.jsx(ae.EditOutline,{onMouseEnter:T,onMouseLeave:W,className:"tag-edit-icon",onClick:te}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:u})}),oe=e=>{S(e.target.value),h&&h(e.target.value)},L=()=>{$(!1)},re=e=>{(e.keyCode===13||e.which===13)&&L()},ie=()=>{const e=w(`${o.$prefixCls}-tag-edit-input`,F);return s.jsxRuntimeExports.jsx("input",{style:{width:z||q,minWidth:q,marginBottom:j,marginRight:v},type:"text",autoFocus:!0,ref:X,className:e,value:y,onChange:oe,onBlur:L,onKeyDown:re})};return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:I?ie():s.jsxRuntimeExports.jsxs("span",{...K,className:ee,style:Y,ref:i,children:[ne(),r&&s.jsxRuntimeExports.jsx(ce.default,{tipMaxWidth:D,children:s.jsxRuntimeExports.jsx("span",{className:"tag-text",children:y||r})}),se()]})})},V=fe;exports.TagGroup=ue.default;exports.Tag=V;exports.default=V;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),n=require("react");require("../para-ui-core/node_modules/@para-ui/icons/SvgIcon/index.js");const le=require("../para-ui-core/node_modules/@para-ui/icons/Close/index.js"),ae=require("../para-ui-core/node_modules/@para-ui/icons/EditOutline/index.js"),w=require("clsx"),ue=require("./TagGroup.js"),o=require("../GlobalContext/constant.js"),ce=require("../AutoTips/index.js"),p=require("../para-ui-core/node_modules/tinycolor2/esm/tinycolor.js"),de=require("../Hooks/useGlobalProps.js");;/* empty css */const pe=["blue","green","yellow","red"],fe=a=>{const{type:f="normal",className:A,children:r,icon:u,color:t,onClose:F,onEdit:x,getWidth:g,tagChange:h,editInputClassName:G,closeIcon:m,closable:_=!1,editable:C=!1,size:E="small",maxWidth:B,style:O,visible:R,editInputWidth:z,tipMaxWidth:D,marginBottom:j,marginRight:v,...K}=de.default(a,"Tag"),[H,b]=n.useState(!0),[I,$]=n.useState(!1),[y,S]=n.useState(""),[q,J]=n.useState(0),[Q,c]=n.useState(!1),[U,d]=n.useState(!1),X=n.useRef(),i=n.useRef(null);n.useEffect(()=>{"visible"in a&&b(!!R)},[R]),n.useEffect(()=>{if(!i.current)return;const{offsetWidth:e}=i.current;J(e),g&&g(e)},[i,I]),n.useEffect(()=>{typeof r=="string"&&S(r)},[r]);const l=()=>t?pe.includes(t):!1,Y={color:t&&!l()?t:void 0,backgroundColor:t&&!l()?p.default(t).setAlpha(.1).toRgbString():void 0,borderColor:t&&!l()&&f==="outline"?t:void 0,maxWidth:B,marginBottom:j,marginRight:v,...O},M={backgroundColor:Q?p.default(t).setAlpha(.1).toRgbString():void 0,borderRadius:"2px"},Z={backgroundColor:U?p.default(t).setAlpha(.1).toRgbString():void 0,marginRight:r?E==="small"?"2px":"4px":void 0,borderRadius:"2px"},ee=w(`${o.$prefixCls}-tag`,`${o.$prefixCls}-tag-${f}`,`${o.$prefixCls}-tag-${E}`,A,{[`${o.$prefixCls}-tag-has-color`]:t,[`${o.$prefixCls}-tag-hidden`]:!H,[`${o.$prefixCls}-tag-${t}`]:l()}),N=e=>{e.stopPropagation(),F?.(e),c(!1),!e.defaultPrevented&&("visible"in a||b(!1))},P=()=>{c(!0)},k=()=>{c(!1)},T=()=>{d(!0)},W=()=>{d(!1)},te=e=>{e.stopPropagation(),x&&x(e),!e.defaultPrevented&&(d(!1),$(!0))},se=()=>_?m?s.jsxRuntimeExports.jsx("span",{className:"tag-close-icon",style:M,onClick:N,onMouseEnter:P,onMouseLeave:k,children:m}):s.jsxRuntimeExports.jsx(le.Close,{className:"tag-close-icon",style:M,onClick:N,onMouseEnter:P,onMouseLeave:k}):null,ne=()=>(C||u)&&s.jsxRuntimeExports.jsx("span",{className:`tag-edit-icon ${u?"tag-custom-icon":""}`,style:Z,onMouseEnter:T,onMouseLeave:W,children:C?s.jsxRuntimeExports.jsx(ae.EditOutline,{onMouseEnter:T,onMouseLeave:W,className:"tag-edit-icon",onClick:te}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:u})}),oe=e=>{S(e.target.value),h&&h(e.target.value)},L=()=>{$(!1)},re=e=>{(e.keyCode===13||e.which===13)&&L()},ie=()=>{const e=w(`${o.$prefixCls}-tag-edit-input`,G);return s.jsxRuntimeExports.jsx("input",{style:{width:z||q,minWidth:q,marginBottom:j,marginRight:v},type:"text",autoFocus:!0,ref:X,className:e,value:y,onChange:oe,onBlur:L,onKeyDown:re})};return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:I?ie():s.jsxRuntimeExports.jsxs("span",{...K,className:ee,style:Y,ref:i,children:[ne(),r&&s.jsxRuntimeExports.jsx(ce.default,{tipMaxWidth:D,children:s.jsxRuntimeExports.jsx("span",{className:"tag-text",children:y||r})}),se()]})})},V=fe;exports.TagGroup=ue.default;exports.Tag=V;exports.default=V;
2
2
  //# sourceMappingURL=index.js.map
package/lib/index.d.ts CHANGED
@@ -72,6 +72,8 @@ export { default as Form } from './Form';
72
72
  export * from './Form';
73
73
  export { default as FormItem } from './FormItem';
74
74
  export * from './FormItem';
75
+ export { default as FormItemGroup } from './FormItemGroup';
76
+ export * from './FormItemGroup';
75
77
  export { default as FunctionModal } from './FunctionModal';
76
78
  export * from './FunctionModal';
77
79
  export { default as GlobalContext } from './GlobalContext';
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./Tree/style/index.css');require('./ColorPicker/index.css');require('./Cascader/index.css');const a=require("./AlignBox/index.js"),c=require("./Anchor/index.js"),e=require("./Argv/index.js"),s=require("./AutoBox/index.js"),l=require("./AutoButton/index.js"),x=require("./AutoTips/index.js"),q=require("./Badge/index.js"),p=require("./Breadcrumbs/index.js"),_=require("./Button/index.js"),f=require("./ButtonGroup/index.js"),g=require("./Card/index.js"),C=require("./Carousel/index.js"),m=require("./Cascader/Cascader.js");;/* empty css */const T=require("./Checkbox/index.js"),B=require("./CheckboxGroup/index.js"),t=require("./CodeEditor/index.js"),S=require("./Collapse/index.js"),P=require("./CollapseBox/index.js"),b=require("./CollapseLayout/index.js"),M=require("./ColorPicker/swatchesPicker/index.js"),k=require("./ColorPicker/compactPicker/index.js"),D=require("./ColorPicker/chromePicker/index.js"),I=require("./ColorPicker/sketchPicker/index.js");;/* empty css */const h=require("./ComboSelect/index.js"),y=require("./Container/index.js"),R=require("./ContentBox/index.js"),A=require("./CopyText/index.js"),F=require("./CycleSelector/index.js"),G=require("./DatePicker/index.js"),L=require("./Descriptions/index.js"),v=require("./Desktop/index.js"),w=require("./DragVerify/index.js"),H=require("./Drawer/index.js"),j=require("./Dropdown/index.js"),O=require("./DynamicMultiBox/index.js"),E=require("./Empty/index.js"),Y=require("./ExpressionInput/index.js"),Q=require("./FieldForm/index.js"),$=require("./Form/index.js"),N=require("./FormItem/index.js"),o=require("./FunctionModal/modalContext.js"),U=require("./GlobalContext/index.js"),V=require("./Help/index.js"),K=require("./HelperText/index.js"),z=require("./Image/index.js"),J=require("./InputCode/index.js"),W=require("./InputLang/index.js"),X=require("./InputNumber/index.js"),Z=require("./Label/index.js"),ee=require("./Loading/index.js"),re=require("./Menu/index.js"),i=require("./Message/index.js"),oe=require("./Modal/index.js"),te=require("./MultiBox/index.js"),ie=require("./Notification/index.js"),ne=require("./OperateBtn/index.js"),ue=require("./PageHeader/index.js"),de=require("./Pagination/index.js"),ae=require("./ParauiProvider/index.js"),ce=require("./PasswordRules/index.js"),se=require("./PopConfirm/index.js"),le=require("./PopMenu/index.js"),xe=require("./Popover/index.js"),qe=require("./Progress/index.js"),pe=require("./Prompt/index.js"),_e=require("./Querying/index.js"),fe=require("./QuickReply/index.js"),ge=require("./Radio/index.js"),Ce=require("./RadioGroup/index.js"),me=require("./RangeInput/index.js"),Te=require("./Result/index.js"),Be=require("./ScrollBar/index.js"),Se=require("./Search/index.js"),Pe=require("./Select/index.js"),be=require("./SelectInput/index.js"),n=require("./Selector/index.js"),Me=require("./SelectorPicker/index.js"),ke=require("./SingleBox/index.js"),De=require("./Slider/index.js"),Ie=require("./SortBox/index.js"),he=require("./Status/index.js"),ye=require("./Stepper/index.js"),Re=require("./Switch/index.js"),Ae=require("./Table/index.js"),Fe=require("./Tabs/index.js"),Ge=require("./Tag/index.js"),Le=require("./TextEditor/index.js"),ve=require("./TextField/index.js"),we=require("./TimePicker/index.js"),He=require("./Timeline/index.js"),je=require("./Title/index.js"),Oe=require("./ToggleButton/index.js"),Ee=require("./Tooltip/index.js"),u=require("./Transfer/index.js"),Ye=require("./Tree/Tree.js");;/* empty css */const Qe=require("./Upload/index.js"),r=require("./Utils/index.js"),$e=require("./locale/index2.js"),Ne=require("./AutoTips/autoTipsMultiline/index.js"),Ue=require("./QuickReply/QuickReplyCode/index.js"),Ve=require("./Tag/TagGroup.js"),Ke=require("./ToggleButton/ToggleButtonGroup.js"),ze=require("./Modal/Confirm/index.js"),d=require("./GlobalContext/confirmLocale.js");exports.AlignBox=a.default;exports.Anchor=c.default;exports.Argv=e.default;exports.checkArgvData=e.checkArgvData;exports.formatDataToObject=e.formatDataToObject;exports.formatObjectToData=e.formatObjectToData;exports.AutoBox=s.AutoBox;exports.AutoButton=l.AutoButton;exports.AutoTips=x.default;exports.Badge=q.Badge;exports.Breadcrumbs=p.Breadcrumbs;exports.Button=_.Button;exports.ButtonGroup=f.ButtonGroup;exports.Card=g.Card;exports.Carousel=C.Carousel;exports.Cascader=m.default;exports.Checkbox=T.Checkbox;exports.CheckboxGroup=B.CheckboxGroup;exports.CodeEditor=t.default;exports.CompletionItemKind=t.CompletionItemKind;exports.Collapse=S.Collapse;exports.CollapseBox=P.default;exports.CollapseLayout=b.default;exports.SwatchesPicker=M.default;exports.CompactPicker=k.default;exports.ChromePicker=D.default;exports.ColorPicker=I.default;exports.ComboSelect=h.ComboSelect;exports.Container=y.Container;exports.ContentBox=R.default;exports.CopyText=A.default;exports.CycleSelector=F.default;exports.DatePicker=G.default;exports.Descriptions=L.default;exports.Desktop=v.Desktop;exports.DragVerify=w.DragVerify;exports.Drawer=H.Drawer;exports.Dropdown=j.Dropdown;exports.DynamicMultiBox=O.default;exports.Empty=E.default;exports.ExpressionInput=Y.default;exports.FieldForm=Q.default;exports.Form=$.default;exports.FormItem=N.default;exports.FunctionModal=o.useModal;exports.FunctionModalProvider=o.FunctionModalProvider;exports.useClose=o.useClose;exports.GlobalContext=U.default;exports.Help=V.default;exports.HelperText=K.default;exports.Image=z.default;exports.InputCode=J.InputCode;exports.InputLang=W.InputLang;exports.InputNumber=X.InputNumber;exports.Label=Z.default;exports.Loading=ee.Loading;exports.Menu=re.Menu;exports.Message=i.default;exports.MessageBar=i.MessageBar;exports.Modal=oe.Modal;exports.MultiBox=te.MultiBox;exports.Notification=ie.default;exports.OperateBtn=ne.default;exports.PageHeader=ue.PageHeader;exports.Pagination=de.Pagination;exports.ParauiProvider=ae.ParauiProvider;exports.PasswordRules=ce.default;exports.PopConfirm=se.PopConfirm;exports.PopMenu=le.PopMenu;exports.Popover=xe.Popover;exports.Progress=qe.Progress;exports.Prompt=pe.Prompt;exports.Querying=_e.default;exports.QuickReply=fe.QuickReply;exports.Radio=ge.Radio;exports.RadioGroup=Ce.RadioGroup;exports.RangeInput=me.RangeInput;exports.Result=Te.Result;exports.ScrollBar=Be.default;exports.Search=Se.Search;exports.Select=Pe.default;exports.SelectInput=be.SelectInput;exports.Selector=n.default;exports.handFieldConfig=n.handFieldConfig;exports.SelectorPicker=Me.default;exports.SingleBox=ke.SingleBox;exports.Slider=De.Slider;exports.SortBox=Ie.SortBox;exports.Status=he.Status;exports.Stepper=ye.Stepper;exports.Switch=Re.Switch;exports.Table=Ae.default;exports.Tabs=Fe.Tabs;exports.Tag=Ge.Tag;exports.TextEditor=Le.default;exports.TextField=ve.TextField;exports.TimePicker=we.default;exports.Timeline=He.Timeline;exports.Title=je.Title;exports.ToggleButton=Oe.ToggleButton;exports.Tooltip=Ee.Tooltip;exports.SSortablejs=u.SSortablejs;exports.Transfer=u.Transfer;exports.Tree=Ye.default;exports.Upload=Qe.default;exports.Utils=r.default;exports.getDateYYYYMMddHHMM=r.getDateYYYYMMddHHMM;exports.isObject=r.isObject;exports.pixelReplacement=r.pixelReplacement;exports.locale=$e.default;exports.AutoTipsMultiline=Ne.default;exports.QuickReplyCode=Ue.QuickReplyCode;exports.TagGroup=Ve.default;exports.ToggleButtonGroup=Ke.default;exports.Confirm=ze.Confirm;exports.changeConfirmLocale=d.changeConfirmLocale;exports.getConfirmLocale=d.getConfirmLocale;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./Tree/style/index.css');require('./ColorPicker/index.css');require('./Cascader/index.css');const a=require("./AlignBox/index.js"),c=require("./Anchor/index.js"),e=require("./Argv/index.js"),s=require("./AutoBox/index.js"),l=require("./AutoButton/index.js"),x=require("./AutoTips/index.js"),q=require("./Badge/index.js"),p=require("./Breadcrumbs/index.js"),_=require("./Button/index.js"),f=require("./ButtonGroup/index.js"),C=require("./Card/index.js"),g=require("./Carousel/index.js"),m=require("./Cascader/Cascader.js");;/* empty css */const T=require("./Checkbox/index.js"),P=require("./CheckboxGroup/index.js"),t=require("./CodeEditor/index.js"),B=require("./Collapse/index.js"),S=require("./CollapseBox/index.js"),M=require("./CollapseLayout/index.js"),b=require("./ColorPicker/swatchesPicker/index.js"),R=require("./ColorPicker/compactPicker/index.js"),k=require("./ColorPicker/chromePicker/index.js"),I=require("./ColorPicker/sketchPicker/index.js");;/* empty css */const D=require("./ComboSelect/index.js"),A=require("./Container/index.js"),h=require("./ContentBox/index.js"),y=require("./CopyText/index.js"),F=require("./CycleSelector/index.js"),G=require("./DatePicker/index.js"),L=require("./Descriptions/index.js"),O=require("./Desktop/index.js"),v=require("./DragVerify/index.js"),w=require("./Drawer/index.js"),j=require("./Dropdown/index.js"),H=require("./DynamicMultiBox/index.js"),E=require("./Empty/index.js"),N=require("./ExpressionInput/index.js"),Y=require("./FieldForm/index.js"),Q=require("./Form/index.js"),$=require("./FormItem/index.js"),U=require("./FormItemGroup/index.js"),o=require("./FunctionModal/modalContext.js"),K=require("./GlobalContext/index.js"),V=require("./Help/index.js"),z=require("./HelperText/index.js"),J=require("./Image/index.js"),W=require("./InputCode/index.js"),X=require("./InputLang/index.js"),Z=require("./InputNumber/index.js"),ee=require("./Label/index.js"),re=require("./Loading/index.js"),oe=require("./Menu/index.js"),i=require("./Message/index.js"),te=require("./Modal/index.js"),ie=require("./MultiBox/index.js"),ne=require("./Notification/index.js"),ue=require("./OperateBtn/index.js"),de=require("./PageHeader/index.js"),ae=require("./Pagination/index.js"),ce=require("./ParauiProvider/index.js"),se=require("./PasswordRules/index.js"),le=require("./PopConfirm/index.js"),xe=require("./PopMenu/index.js"),qe=require("./Popover/index.js"),pe=require("./Progress/index.js"),_e=require("./Prompt/index.js"),fe=require("./Querying/index.js"),Ce=require("./QuickReply/index.js"),ge=require("./Radio/index.js"),me=require("./RadioGroup/index.js"),Te=require("./RangeInput/index.js"),Pe=require("./Result/index.js"),Be=require("./ScrollBar/index.js"),Se=require("./Search/index.js"),Me=require("./Select/index.js"),be=require("./SelectInput/index.js"),n=require("./Selector/index.js"),Re=require("./SelectorPicker/index.js"),ke=require("./SingleBox/index.js"),Ie=require("./Slider/index.js"),De=require("./SortBox/index.js"),Ae=require("./Status/index.js"),he=require("./Stepper/index.js"),ye=require("./Switch/index.js"),Fe=require("./Table/index.js"),Ge=require("./Tabs/index.js"),Le=require("./Tag/index.js"),Oe=require("./TextEditor/index.js"),ve=require("./TextField/index.js"),we=require("./TimePicker/index.js"),je=require("./Timeline/index.js"),He=require("./Title/index.js"),Ee=require("./ToggleButton/index.js"),Ne=require("./Tooltip/index.js"),u=require("./Transfer/index.js"),Ye=require("./Tree/Tree.js");;/* empty css */const Qe=require("./Upload/index.js"),r=require("./Utils/index.js"),$e=require("./locale/index2.js"),Ue=require("./AutoTips/autoTipsMultiline/index.js"),Ke=require("./QuickReply/QuickReplyCode/index.js"),Ve=require("./Tag/TagGroup.js"),ze=require("./ToggleButton/ToggleButtonGroup.js"),Je=require("./Modal/Confirm/index.js"),We=require("./FieldForm/compactControlMarker.js"),d=require("./GlobalContext/confirmLocale.js"),Xe=require("./FieldForm/util.js");exports.AlignBox=a.default;exports.Anchor=c.default;exports.Argv=e.default;exports.checkArgvData=e.checkArgvData;exports.formatDataToObject=e.formatDataToObject;exports.formatObjectToData=e.formatObjectToData;exports.AutoBox=s.AutoBox;exports.AutoButton=l.AutoButton;exports.AutoTips=x.default;exports.Badge=q.Badge;exports.Breadcrumbs=p.Breadcrumbs;exports.Button=_.Button;exports.ButtonGroup=f.ButtonGroup;exports.Card=C.Card;exports.Carousel=g.Carousel;exports.Cascader=m.default;exports.Checkbox=T.Checkbox;exports.CheckboxGroup=P.CheckboxGroup;exports.CodeEditor=t.default;exports.CompletionItemKind=t.CompletionItemKind;exports.Collapse=B.Collapse;exports.CollapseBox=S.default;exports.CollapseLayout=M.default;exports.SwatchesPicker=b.default;exports.CompactPicker=R.default;exports.ChromePicker=k.default;exports.ColorPicker=I.default;exports.ComboSelect=D.ComboSelect;exports.Container=A.Container;exports.ContentBox=h.default;exports.CopyText=y.default;exports.CycleSelector=F.default;exports.DatePicker=G.default;exports.Descriptions=L.default;exports.Desktop=O.Desktop;exports.DragVerify=v.DragVerify;exports.Drawer=w.Drawer;exports.Dropdown=j.Dropdown;exports.DynamicMultiBox=H.default;exports.Empty=E.default;exports.ExpressionInput=N.default;exports.FieldForm=Y.default;exports.Form=Q.default;exports.FormItem=$.default;exports.FormItemGroup=U.default;exports.FunctionModal=o.useModal;exports.FunctionModalProvider=o.FunctionModalProvider;exports.useClose=o.useClose;exports.GlobalContext=K.default;exports.Help=V.default;exports.HelperText=z.default;exports.Image=J.default;exports.InputCode=W.InputCode;exports.InputLang=X.InputLang;exports.InputNumber=Z.InputNumber;exports.Label=ee.default;exports.Loading=re.Loading;exports.Menu=oe.Menu;exports.Message=i.default;exports.MessageBar=i.MessageBar;exports.Modal=te.Modal;exports.MultiBox=ie.MultiBox;exports.Notification=ne.default;exports.OperateBtn=ue.default;exports.PageHeader=de.PageHeader;exports.Pagination=ae.Pagination;exports.ParauiProvider=ce.ParauiProvider;exports.PasswordRules=se.default;exports.PopConfirm=le.PopConfirm;exports.PopMenu=xe.PopMenu;exports.Popover=qe.Popover;exports.Progress=pe.Progress;exports.Prompt=_e.Prompt;exports.Querying=fe.default;exports.QuickReply=Ce.QuickReply;exports.Radio=ge.Radio;exports.RadioGroup=me.RadioGroup;exports.RangeInput=Te.RangeInput;exports.Result=Pe.Result;exports.ScrollBar=Be.default;exports.Search=Se.Search;exports.Select=Me.default;exports.SelectInput=be.SelectInput;exports.Selector=n.default;exports.handFieldConfig=n.handFieldConfig;exports.SelectorPicker=Re.default;exports.SingleBox=ke.SingleBox;exports.Slider=Ie.Slider;exports.SortBox=De.SortBox;exports.Status=Ae.Status;exports.Stepper=he.Stepper;exports.Switch=ye.Switch;exports.Table=Fe.default;exports.Tabs=Ge.Tabs;exports.Tag=Le.Tag;exports.TextEditor=Oe.default;exports.TextField=ve.TextField;exports.TimePicker=we.default;exports.Timeline=je.Timeline;exports.Title=He.Title;exports.ToggleButton=Ee.ToggleButton;exports.Tooltip=Ne.Tooltip;exports.SSortablejs=u.SSortablejs;exports.Transfer=u.Transfer;exports.Tree=Ye.default;exports.Upload=Qe.default;exports.Utils=r.default;exports.getDateYYYYMMddHHMM=r.getDateYYYYMMddHHMM;exports.isObject=r.isObject;exports.pixelReplacement=r.pixelReplacement;exports.locale=$e.default;exports.AutoTipsMultiline=Ue.default;exports.QuickReplyCode=Ke.QuickReplyCode;exports.TagGroup=Ve.default;exports.ToggleButtonGroup=ze.default;exports.Confirm=Je.Confirm;exports.PARA_UI_COMPACT_CONTROL_MARKER=We.PARA_UI_COMPACT_CONTROL_MARKER;exports.changeConfirmLocale=d.changeConfirmLocale;exports.getConfirmLocale=d.getConfirmLocale;exports.joinNamePath=Xe.joinNamePath;
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "5.0.1",
4
+ "version": "5.0.3-beta.8",
5
5
  "workspaces": [
6
6
  "packages/eslint-plugin-para-ui"
7
7
  ],
@@ -620,6 +620,19 @@
620
620
  "import": "./es/FormItem/style/css.js",
621
621
  "require": "./lib/FormItem/style/css.js"
622
622
  },
623
+ "./FormItemGroup": {
624
+ "import": "./es/FormItemGroup/index.js",
625
+ "require": "./lib/FormItemGroup/index.js",
626
+ "types": "./es/FormItemGroup/index.d.ts"
627
+ },
628
+ "./FormItemGroup/style": {
629
+ "import": "./es/FormItemGroup/style/index.js",
630
+ "require": "./lib/FormItemGroup/style/index.js"
631
+ },
632
+ "./FormItemGroup/style/css": {
633
+ "import": "./es/FormItemGroup/style/css.js",
634
+ "require": "./lib/FormItemGroup/style/css.js"
635
+ },
623
636
  "./FunctionModal": {
624
637
  "import": "./es/FunctionModal/index.js",
625
638
  "require": "./lib/FunctionModal/index.js",