@para-ui/core 2.2.1-beta → 2.2.2

package/Menu/index.js

@@ -0,0 +1,14 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("react-transition-group"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("@paraview/lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):"function"==typeof define&&define.amd?define(["react","react-dom","react-transition-group","@para-ui/icons/Down","@para-ui/icons","@paraview/lib","@para-ui/icons/IndentRightFill","@para-ui/icons/IndentLeftFill"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("react-dom"),require("react-transition-group"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("@paraview/lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):e.ParaUI=t(e.react,e["react-dom"],e["react-transition-group"],e["@para-ui/icons/Down"],e["@para-ui/icons"],e["@paraview/lib"],e["@para-ui/icons/IndentRightFill"],e["@para-ui/icons/IndentLeftFill"])}(self,(function(e,t,i,n,r,o,p,a){return function(){var m={7283:function(e,t,i){(t=i(3645)(!1)).push([e.id,".paraui-collapse-box{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;width:100%;overflow:hidden;height:0}.paraui-collapse-box>.paraui-collapse-box-wrapper{display:flex;width:100%}.paraui-collapse-box>.paraui-collapse-box-wrapper>.paraui-collapse-box-wrapper-inner{width:100%}.paraui-collapse-box.paraui-collapse-box-entered{overflow:visible}.paraui-collapse-box.paraui-collapse-box-hidden{visibility:hidden}",""]),e.exports=t},6949:function(e,t,i){(t=i(3645)(!1)).push([e.id,'.paraui-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-vertical-menu>.paraui-logo{width:100%;display:inline-block;padding:24px 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-vertical-menu>.paraui-logo.logo-shrink{padding:24px 0 0}.paraui-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;padding:40px 16px;position:relative}.paraui-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.scroll-top>svg{cursor:pointer;transform:rotate(180deg);font-size:18px}.paraui-vertical-menu>.vertical-menu-list>.scroll-top>svg:hover{color:#3666d6}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-vertical-menu>.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;cursor:pointer;display:flex;border-radius:4px}.paraui-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:16px;display:flex;justify-content:center;align-items:center}.paraui-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:16px}.paraui-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-label{font-size:14px;width:100%;white-space:nowrap;font-weight:400;overflow:hidden;text-overflow:ellipsis}.paraui-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-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-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-vertical-menu>.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-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-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.scroll-bottom>svg{cursor:pointer;font-size:18px}.paraui-vertical-menu>.vertical-menu-list>.scroll-bottom>svg:hover{color:#3666d6}.paraui-vertical-menu>.paraui-footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:20px;white-space:nowrap;height:40px}.paraui-vertical-menu>.paraui-footer-expansion>svg{font-size:20px;cursor:pointer;margin-left:20px}.paraui-vertical-menu>.paraui-footer-expansion>.version{margin-left:12px;font-size:14px}.paraui-vertical-menu>.paraui-footer-expansion.footer-expansion-shrink{justify-content:center}.paraui-vertical-menu>.paraui-footer-expansion.footer-expansion-shrink>svg{margin:0}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list{padding:44px 0px}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-vertical-menu.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-vertical-menu.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-vertical-menu.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-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span{width:40px;height:40px;line-height:40px;display:flex;justify-content:center;align-items:center;border-radius:4px}.paraui-vertical-menu.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span>svg{position:relative;font-size:20px}.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip.vertical-menu-item-popper>.menu-item-popper-content{padding:0;box-shadow:none}.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content,.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:auto;height:32px;line-height:32px}.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon,.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{display:none}.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow,.paraui-vertical-menu-item-popper.paraui-vertical-menu-item-popper-tooltip.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-vertical-menu-item-popper .vertical-menu-item-popper,.paraui-vertical-menu-item-popper.vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);border-radius:4px;padding:8px 0;max-height:268px;overflow-y:auto;overflow-x:hidden}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;height:36px;line-height:36px;padding:0px 12px;display:flex;cursor:pointer}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after,.paraui-vertical-menu-item-popper.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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon,.paraui-vertical-menu-item-popper.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:flex;justify-content:center;align-items:center;margin-right:12px}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper.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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after,.paraui-vertical-menu-item-popper.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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{font-size:14px;width:100%;font-weight:400;white-space:nowrap;text-align:left;overflow:hidden;text-overflow:ellipsis}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow,.paraui-vertical-menu-item-popper.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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper.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:20px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after,.paraui-vertical-menu-item-popper.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-vertical-menu-item-popper .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,.paraui-vertical-menu-item-popper.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-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item .vertical-menu-item-popper,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item .vertical-menu-item-popper{position:absolute;transform:none !important;left:100% !important;top:-8px}.paraui-vertical-menu-deep{background-color:#1c293c}.paraui-vertical-menu-deep>.paraui-logo{color:#fff}.paraui-vertical-menu-deep>.paraui-logo svg{color:#fff}.paraui-vertical-menu-deep>.vertical-menu-list>.scroll-top>svg,.paraui-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>svg{color:#fff}.paraui-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:#223e67}.paraui-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-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-label{color:#fff}.paraui-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-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-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:#223e67}.paraui-vertical-menu-deep>.paraui-footer-expansion>svg{color:#fff}.paraui-vertical-menu-deep>.paraui-footer-expansion>svg:hover{color:#3666d6}.paraui-vertical-menu-deep>.paraui-footer-expansion>.version{color:rgba(255,255,255,.6)}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>span{background-color:#223e67}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span{color:#fff}.paraui-vertical-menu-deep.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span>svg{color:#fff}.paraui-vertical-menu-deep.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>span{background-color:#223e67}.paraui-vertical-menu-deep.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>span{background-color:#223e67}.paraui-vertical-menu-light{background:linear-gradient(180deg, rgb(241, 241, 244), rgb(243, 243, 243))}.paraui-vertical-menu-light>.paraui-logo{color:#3666d6}.paraui-vertical-menu-light>.paraui-logo svg{color:#3666d6}.paraui-vertical-menu-light>.vertical-menu-list>.scroll-top>svg,.paraui-vertical-menu-light>.vertical-menu-list>.scroll-bottom>svg{color:rgba(46,55,67,.7)}.paraui-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:#fff}.paraui-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>.menu-item-icon>svg{color:#1c293c}.paraui-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>.menu-item-label{color:#1c293c}.paraui-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>.menu-item-arrow>svg{color:#1c293c}.paraui-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:rgba(46,55,67,.7)}.paraui-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-label{color:rgba(46,55,67,.7)}.paraui-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:rgba(46,55,67,.7)}.paraui-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-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:#fff}.paraui-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:hover>.menu-item-icon>svg,.paraui-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:hover>.menu-item-icon>svg{color:rgba(54,102,214,.8)}.paraui-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:hover>.menu-item-label,.paraui-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:hover>.menu-item-label{color:rgba(54,102,214,.8)}.paraui-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:hover>.menu-item-arrow>svg,.paraui-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:hover>.menu-item-arrow>svg{color:rgba(54,102,214,.8)}.paraui-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>.menu-item-icon>svg,.paraui-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>.menu-item-icon>svg{color:#3666d6}.paraui-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>.menu-item-label,.paraui-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>.menu-item-label{color:#3666d6}.paraui-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>.menu-item-arrow>svg,.paraui-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>.menu-item-arrow>svg{color:#3666d6}.paraui-vertical-menu-light>.paraui-footer-expansion>svg{color:rgba(46,55,67,.7)}.paraui-vertical-menu-light>.paraui-footer-expansion>svg:hover{color:#3666d6}.paraui-vertical-menu-light>.paraui-footer-expansion>.version{color:rgba(46,55,67,.4)}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>span{background-color:#fff}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span{color:rgba(46,55,67,.7)}.paraui-vertical-menu-light.vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>span>svg{color:rgba(46,55,67,.7)}.paraui-vertical-menu-light.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>span{background-color:#fff;color:#1c293c}.paraui-vertical-menu-light.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>span>svg{color:#1c293c}.paraui-vertical-menu-light.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>span{background-color:#fff;color:#1c293c}.paraui-vertical-menu-light.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>span>svg{color:#1c293c}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{background-color:rgba(46,55,67,.7)}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:rgba(0,0,0,0)}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label{color:#fff}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{color:#fff}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.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-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:rgba(171,176,185,.12)}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{color:#fff}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover,.paraui-vertical-menu-item-popper-deep.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223e67}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{background-color:rgba(46,55,67,.7)}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:rgba(0,0,0,0)}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label{color:#fff}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{color:#fff}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper-tooltip.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.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-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content{background-color:#fff;color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:rgba(171,176,185,.12)}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-icon>svg{color:#3666d6}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-label{color:#3666d6}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>svg{color:#3666d6}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-label{color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#2e3743}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-icon>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#3666d6}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-label,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-label{color:#3666d6}.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper .vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-arrow>svg,.paraui-vertical-menu-item-popper-light.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#3666d6}',""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var i=function(e,t){var i=e[1]||"",n=e[3];if(!n)return i;if(t&&"function"==typeof btoa){var r=(p=n,a=btoa(unescape(encodeURIComponent(JSON.stringify(p)))),m="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(m," */")),o=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[i].concat(o).concat([r]).join("\n")}var p,a,m;return[i].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(i,"}"):i})).join("")},t.i=function(e,i,n){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(n)for(var o=0;o<this.length;o++){var p=this[o][0];null!=p&&(r[p]=!0)}for(var a=0;a<e.length;a++){var m=[].concat(e[a]);n&&r[m[0]]||(i&&(m[2]?m[2]="".concat(i," and ").concat(m[2]):m[2]=i),t.push(m))}},t}},7418:function(e){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var t=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function r(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},i=0;i<10;i++)t["_"+String.fromCharCode(i)]=i;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var p,a,m=r(e),l=1;l<arguments.length;l++){for(var u in p=Object(arguments[l]))i.call(p,u)&&(m[u]=p[u]);if(t){a=t(p);for(var c=0;c<a.length;c++)n.call(p,a[c])&&(m[a[c]]=p[a[c]])}}return m}},5251:function(e,t,i){"use strict";
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */i(7418);var n=i(8156),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;r=o("react.element"),t.Fragment=o("react.fragment")}var p=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,m={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,i){var n,o={},l=null,u=null;for(n in void 0!==i&&(l=""+i),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!m.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:r,type:e,key:l,ref:u,props:o,_owner:p.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,i){"use strict";e.exports=i(5251)},7262:function(e,t,i){var n=i(3379),r=i(7283);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},6881:function(e,t,i){var n=i(3379),r=i(6949);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},3379:function(e,t,i){"use strict";var n,r=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var e={};return function(t){if(void 0===e[t]){var i=document.querySelector(t);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}e[t]=i}return e[t]}}(),p=[];function a(e){for(var t=-1,i=0;i<p.length;i++)if(p[i].identifier===e){t=i;break}return t}function m(e,t){for(var i={},n=[],r=0;r<e.length;r++){var o=e[r],m=t.base?o[0]+t.base:o[0],l=i[m]||0,u="".concat(m," ").concat(l);i[m]=l+1;var c=a(u),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==c?(p[c].references++,p[c].updater(s)):p.push({identifier:u,updater:h(s,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var r=i.nc;r&&(n.nonce=r)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var p=o(e.insert||"head");if(!p)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");p.appendChild(t)}return t}var u,c=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function s(e,t,i,n){var r=i?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=c(t,r);else{var o=document.createTextNode(r),p=e.childNodes;p[t]&&e.removeChild(p[t]),p.length?e.insertBefore(o,p[t]):e.appendChild(o)}}function v(e,t,i){var n=i.css,r=i.media,o=i.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f=null,d=0;function h(e,t){var i,n,r;if(t.singleton){var o=d++;i=f||(f=l(t)),n=s.bind(null,i,o,!1),r=s.bind(null,i,o,!0)}else i=l(t),n=v.bind(null,i,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var i=m(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<i.length;n++){var r=a(i[n]);p[r].references--}for(var o=m(e,t),l=0;l<i.length;l++){var u=a(i[l]);0===p[u].references&&(p[u].updater(),p.splice(u,1))}i=o}}}},5563:function(e,t,i){"use strict";i.d(t,{default:function(){return l}});var n=i(5893),r=i(8156),o=i(5002);function p(e,t){var i=e.timeout,n=e.style,r=void 0===n?{}:n;return{duration:r.transitionDuration||"number"==typeof i?i:i[t.mode]||0,delay:r.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}i(7262);var m=function(){return m=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},m.apply(this,arguments)},l=function(e){var t=e.className,i=e.style,l=e.in,u=e.collapsedHeight,c=void 0===u?"0px":u,s=e.timeout,v=void 0===s?"auto":s,f=e.unmountOnExit,d=e.children,h=(0,r.useRef)(null),g=(0,r.useRef)(null),x=(0,r.useRef)(null),b=(0,r.useRef)(null),y="number"==typeof c?"".concat(c,"px"):c;(0,r.useEffect)((function(){return function(){clearTimeout(h.current)}}),[]);var w=function(e){return function(t){e&&e(t)}},k=w((function(e){e.style.height=y})),j=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"enter"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),M=w((function(e){e.style.height="auto"})),O=w((function(e){var t=x.current?x.current.clientHeight:0;e.style.height="".concat(t,"px")})),N=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"exit"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=y})),S=function(e){var i="paraui-collapse-box";return t&&(i+=" "+t),"entered"===e&&(i+=" paraui-collapse-box-entered"),"exited"!==e||l||"0px"!==y||(i+=" paraui-collapse-box-hidden"),i};return(0,n.jsx)(o.Transition,m({in:l,unmountOnExit:f,onEnter:k,onEntered:M,onEntering:j,onExit:O,onExiting:N,timeout:"auto"===v?void 0:v,addEndListener:function(e,t){h.current=setTimeout(t,b.current||0)}},{children:function(e,t){return(0,n.jsx)("div",m({className:S(e),style:m({minHeight:y},i),ref:g},t,{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper",ref:x},{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper-inner"},{children:d}))}))}))}}))}},1197:function(e){"use strict";e.exports=r},2396:function(e){"use strict";e.exports=n},5602:function(e){"use strict";e.exports=a},1919:function(e){"use strict";e.exports=p},8543:function(e){"use strict";e.exports=o},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t},5002:function(e){"use strict";e.exports=i}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={id:e,exports:{}};return m[e](i,i.exports,u),i.exports}u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,{a:t}),t},u.d=function(e,t){for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.nc=void 0;var c={};return function(){"use strict";u.r(c),u.d(c,{Menu:function(){return N},default:function(){return S}});var e=u(5893),t=u(8156),i=u.n(t),n=function(){return n=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},r=function(t){var i,r=t.expansion,o=void 0===r||r,p=t.render,a=t.className;return(0,e.jsx)("div",n({className:(i="logo paraui-logo",a&&(i+=" "+a),o||(i+=" logo-shrink"),i)},{children:function(){if(p)return p}()}))},o=u(7111),p=u(5563),a=u(2396),m=u.n(a),l=u(1197),s=u(8543),v=function(){return v=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v.apply(this,arguments)},f=function(e,t,i){if(i||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))},d=function(i){var n=i.label,r=(i.type,i.path),o=i.icon,a=i.children,u=i.className,c=i.level,s=void 0===c?1:c,f=i.selectMenu,h=void 0===f?"":f,g=i.idMenuLast,x=i.onClickMenu,b=i.shrinkOthers,y=void 0===b||b,w=(0,t.useState)(!1),k=w[0],j=w[1];(0,t.useEffect)((function(){var e=g[h];e&&-1!==e.indexOf(r)&&e.length>1?j(!0):y&&j(!1)}),[g,h,r]);var M=function(){if(a&&a.length>0)return x&&x(!1),j(!k);x&&x(i)},O=function(){if(o){var t=l[o];return t?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:o}))}},N=(0,t.useMemo)((function(){return(0,e.jsxs)("div",v({onClick:M,className:"vertical-menu-list-item-content",style:(t={paddingRight:"12px"},t.paddingLeft=s>=0?32*(s-1)+16+"px":"16px",t)},{children:[O(),(0,e.jsx)("span",v({className:"menu-item-label"},{children:n})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"})}))]}));var t}),[a,x,k,s,o,n]),S=(0,t.useMemo)((function(){return(0,e.jsx)(p.default,v({in:k,className:"li-collapse",timeout:"auto",unmountOnExit:!0},{children:a&&a.length>0&&a.map((function(t,i){return(0,e.jsx)(d,v({},t,{level:s+1,idMenuLast:g,selectMenu:h,onClickMenu:x,shrinkOthers:y}),i)}))}))}),[k,a,s,g,h,x,y]);return(0,e.jsxs)("div",v({className:function(){var e="vertical-menu-list-item";k&&(e+=" vertical-menu-list-item-open"),u&&(e+=" "+u);var t=g[h];if(t){var i=t.indexOf(r);-1!==i&&(e+=" vertical-menu-list-item-select",i===t.length-1&&(e+=" vertical-menu-list-item-select-last"),k||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[N,S]}))},h=function(i){var n=i.open,r=void 0!==n&&n,p=i.anchorEl,a=i.idMenuLast,u=i.selectMenu,c=void 0===u?"":u,s=i.onClickMenu,f=i.list,d=void 0===f?[]:f,g=i.onMouseEnter,x=i.onMouseLeave,b=i.onMouseEnterBus,y=i.onMouseLeaveBus,w=i.level,k=void 0===w?1:w,j=i.color,M=i.className,O=(0,t.useState)(!1),N=O[0],S=O[1],E=(0,t.useState)(""),_=E[0],T=E[1],C=(0,t.useState)([]),L=C[0],P=C[1],R=(0,t.useState)({}),F=R[0],q=R[1],I=(0,t.useState)({})[0],z=(0,t.useRef)(null);(0,t.useEffect)((function(){return function(){clearTimeout(I.leaveBox),clearTimeout(I.closeTimer)}}),[]),(0,t.useEffect)((function(){B()}),[r,p]);var B=function(){if(p&&r&&z.current){var e=document.querySelector("[data-menu-id=".concat(p,"]")).getBoundingClientRect(),t=e.top;1!==k&&(t-=8),H()&&(t+=4);var i=document.body.clientHeight,n=z.current.clientHeight;n+t>i&&(t=t-(n+t-i)-20),t<0&&(t=0),q({position:"absolute",left:"0",top:"0",transform:"translate3d(".concat(e.right,"px, ").concat(t,"px, 0px)")})}},H=function(){return!(1!==k||1!==d.length||!d[0]._paraui_menu_first||d[0].children&&0!==d[0].children.length)},D=function(e){var t="menu-item-popper-content-item",i=a&&a[c];return i&&-1!==i.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},U=function(t){if(t){var i=l[t];return i?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:i()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t}))}},A=function(e){return function(t){e.children&&e.children.length>0||s&&s(e)}},Y=function(){H()||(1==k?g&&g():b&&b())},J=function(){H()||(clearTimeout(I.leaveBox),I.leaveBox=setTimeout((function(){1===k?x&&x():y&&y()}),50))},W=function(e){return function(t){K(t.target),S(!1),clearTimeout(I.closeTimer),I.closeTimer=setTimeout((function(){(e.children||[]).length>0?(S(!0),T(t.target.getAttribute("data-menu-id")),P(e.children||[])):(S(!1),T(""),P([]))}))}},K=function(e){if(z){var t=z.current.querySelector(".menu-item-popper-content-item-hover");t&&t.classList.remove("menu-item-popper-content-item-hover")}e&&e.classList.add("menu-item-popper-content-item-hover")},Q=(0,t.useMemo)((function(){return(0,e.jsx)("div",v({className:"menu-item-popper-content",onMouseEnter:Y,onMouseLeave:J,ref:z},{children:d.map((function(t,i){return(0,e.jsx)("div",v({className:D(t),onMouseEnter:W(t),onMouseLeave:function(e){}},{children:(0,e.jsxs)("div",v({className:"menu-item-popper-content-item-content","data-menu-id":t._paraui_menu_id,onClick:A(t)},{children:[U(t.icon),(0,e.jsx)("span",v({className:"menu-item-label"},{children:t.label})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:(n=t.children,n&&n.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"}))}))]}))}),i);var n}))}))}),[d,s,a,c,s,g,x,k]),$=function(){return(0,e.jsx)("div",v({className:(t="vertical-menu-item-popper paraui-vertical-menu-item-popper",j&&(t+=" paraui-vertical-menu-item-popper-"+j),t+="deep"===j?" paraui-scrollbar-small-deep":" paraui-scrollbar-small",H()&&(t+=" paraui-vertical-menu-item-popper-tooltip"),M&&(t+=" "+M),t),style:F},{children:Q}));var t},G=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:(0,o.createPortal)((0,e.jsx)($,{}),document.getElementsByTagName("body")[0])})}),[F,d,s,a,c,s,g,x,k,M,j]);return(0,e.jsxs)(e.Fragment,{children:[G,N&&(0,e.jsx)(h,{open:N,anchorEl:_,list:L,idMenuLast:a,selectMenu:c,onClickMenu:s,onMouseEnter:g,onMouseLeave:x,onMouseEnterBus:function(){clearTimeout(I.leaveBox)},onMouseLeaveBus:function(){S(!1),T(""),P([]),x&&x()},color:j,level:k+1})]})},g=function(e){if(!e)return 0;try{var t=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(t&&t[2])}catch(e){}return 0},x=function(n){var r=n.list,o=void 0===r?[]:r,p=n.expansion,a=void 0===p||p,u=n.selectMenu,c=void 0===u?"":u,x=n.onClickMenu,b=n.className,y=n.shrinkOthers,w=void 0===y||y,k=n.color,j=(0,t.useState)([]),M=j[0],O=j[1],N=(0,t.useState)(!1),S=N[0],E=N[1],_=(0,t.useState)(null),T=_[0],C=_[1],L=(0,t.useState)(""),P=L[0],R=L[1],F=(0,t.useState)([]),q=F[0],I=F[1],z=(0,t.useState)(""),B=z[0],H=z[1],D=(0,t.useState)({}),U=D[0],A=D[1],Y=(0,t.useState)({prev:!1,next:!1}),J=Y[0],W=Y[1],K=(0,t.useState)({})[0],Q=i().useRef();(0,t.useEffect)((function(){return function(){clearTimeout(K.arrowTimer),clearTimeout(K.leaveTimer),clearTimeout(K.enterTimer)}}),[]),(0,t.useEffect)((function(){for(var e=[],t=0,i=o.length;t<i;t++){var n=o[t];e.push(v({},n))}ee(e)}),[o]),(0,t.useEffect)((function(){G()}),[M]),(0,t.useEffect)((function(){c!==B&&H(c),G()}),[c]);var $,G=function(){clearTimeout(K.arrowTimer),K.arrowTimer=setTimeout((function(){var e=Z(),t=e.min,i=e.max,n=g(Q.current.style.transform);W({prev:n!==t,next:n>i})}),300)},V=function(e){return function(){var t=g(Q.current.style.transform);switch(e){case"next":t-=100;break;case"prev":t+=100}X(t)}},X=function(e){var t=Z(),i=t.min,n=t.max;e>i&&(e=i),e<n&&(e=n),W({prev:e!==i,next:e>n}),Q.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Z=function(){var e=Q.current.parentNode.getBoundingClientRect().height,t=-(Q.current.getBoundingClientRect().height-e);return e>Q.current.getBoundingClientRect().height&&(t=0),{min:0,max:t}},ee=function(e){var t={},i={},n={},r=function(e,o){for(var p=0,a=e.length;p<a;p++){var m=e[p],l=m.path;if(m._paraui_menu_id="_paraui_menu_id_"+(0,s.UUID)(),t[l]=m,o){var u=(0,s.DeepClone)(i[o.path]||[]);u.push(l),i[l]=f([],u,!0)}else i[l]=[l],m._paraui_menu_first=!0;m.children&&m.children.length>0?r(m.children,m):n[l]=i[l]}};r(e),A(n),O(e)},te=function(e,t){return function(i){E(!1),clearTimeout(K.enterTimer),K.enterTimer=setTimeout((function(){clearTimeout(K.leaveTimer);var n=[e];e.children&&e.children.length>0&&(n=e.children),C(t),R(i.target.getAttribute("data-menu-id")),I(n),E(!0)}))}},ie=function(){clearTimeout(K.leaveTimer),K.leaveTimer=setTimeout((function(){oe()}),50)},ne=function(){clearTimeout(K.leaveTimer)},re=function(){ie()},oe=function(){E(!1),R(""),I([]),C(null)},pe=function(e){var t=e.icon,i=e.label;if(t){var n=l[t];return n?n():t}return"string"==typeof i?i[0]:i},ae=function(e){return function(){if(!e.children||0===e.children.length){var t=v({},e);delete t._paraui_menu_id,x&&x(t)}}},me=function(e){if(!1===e)return G();oe();var t=v({},e);delete t._paraui_menu_id,x&&x(t)},le=function(e,t){var i="vertical-menu-list-item-shrink",n=U[B];return n&&-1!==n.indexOf(e.path)&&(i+=" vertical-menu-list-item-shrink-select"),T===t&&(i+=" vertical-menu-list-item-shrink-hover"),i},ue=(0,t.useMemo)((function(){if(a)return M.map((function(e,i){return(0,t.createElement)(d,v({},e,{key:i,level:1,idMenuLast:U,selectMenu:B,onClickMenu:me,shrinkOthers:w}))}))}),[a,M,U,B,x,w]),ce=(0,t.useMemo)((function(){return a?null:M.map((function(t,i){return(0,e.jsx)("div",v({className:le(t,i),onMouseEnter:te(t,i),onMouseLeave:function(e){ie()},"data-menu-id":t._paraui_menu_id,onClick:ae(t)},{children:(0,e.jsx)("span",{children:pe(t)})}),i)}))}),[a,M,U,B,T]),se=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.prev&&(0,e.jsx)("span",v({className:"scroll-top"},{children:(0,e.jsx)(m(),{onClick:V("prev")})}))})}),[J]),ve=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.next&&(0,e.jsx)("span",v({className:"scroll-bottom"},{children:(0,e.jsx)(m(),{onClick:V("next")})}))})}),[J]),fe=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:S&&(0,e.jsx)(h,{open:S,anchorEl:P,list:q,idMenuLast:U,selectMenu:B,onClickMenu:me,onMouseEnter:ne,onMouseLeave:re,color:k,level:1})})}),[S,P,q,U,B,x,K,k]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",v({className:($="paraui-vertical-menu-list vertical-menu-list",b&&($+=" "+b),$),onWheel:function(e){return function(e){var t=e.deltaY,i=g(Q.current.style.transform);X(i-=t)}(e)}},{children:[se,(0,e.jsx)("div",v({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",v({className:"vertical-menu-list-box-srcoll",ref:Q},{children:[ue,ce]}))})),ve]})),fe]})},b=u(1919),y=u.n(b),w=u(5602),k=u.n(w),j=function(){return j=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},j.apply(this,arguments)},M=function(t){var i,n=t.expansion,r=void 0===n||n,o=t.expandIcon,p=t.shrinkIcon,a=t.customizeContent,m=t.clickExpansion,l=t.version,u=t.className,c=function(){m&&m(!r)};return(0,e.jsx)("div",j({className:(i="footer-expansion paraui-footer-expansion",u&&(i+=" "+u),r||(i+=" footer-expansion-shrink"),i)},{children:function(){if(a)return a;return(0,e.jsxs)(e.Fragment,{children:[r?o||(0,e.jsx)(y(),{onClick:c}):p||(0,e.jsx)(k(),{onClick:c}),r&&l&&(0,e.jsx)("span",j({className:"version"},{children:l}))]})}()}))},O=(u(6881),function(){return O=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},O.apply(this,arguments)}),N=function(i){var n=i.color,o=void 0===n?"deep":n,p=i.logoProps,a=i.menuListProps,m=i.expansion,l=void 0===m||m,u=i.onClickExpansion,c=i.selectMenu,s=i.onClickMenu,v=i.className,f=i.style,d=i.shrinkOthers,h=void 0===d||d,g=i.footerExpansionProps,b=i.showExpansion,y=void 0===b||b,w=(0,t.useState)(!0),k=w[0],j=w[1];(0,t.useEffect)((function(){l!==k&&j(l)}),[l]);var N,S=function(){u&&u(!k)},E=(0,t.useMemo)((function(){return i.logoProps&&(0,e.jsx)(r,O({},p,{expansion:k}))}),[p,k]),_=(0,t.useMemo)((function(){return i.menuListProps&&(0,e.jsx)(x,O({},a,{color:o,expansion:k,selectMenu:c,onClickMenu:s,shrinkOthers:h}))}),[a,k,c,s,o]),T=(0,t.useMemo)((function(){return y?(0,e.jsx)(M,O({clickExpansion:S},g,{expansion:k})):null}),[k,u,g,u,y]);return(0,e.jsxs)("div",O({className:(N="vertical-menu paraui-vertical-menu",v&&(N+=" "+v),o&&(N+=" paraui-vertical-menu-"+o),l||(N+=" vertical-menu-shrink"),N),style:f},{children:[E,_,T]}))},S=N}(),c}()}));

package/Menu/interface.d.ts

@@ -0,0 +1,139 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 14:24
+ * @description 菜单参数
+ */
+import React, { ReactNode } from 'react';
+/** 菜单类型 */
+export declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+/** color类型 */
+export declare type ColorType = 'deep' | 'light';
+/** logo参数 */
+export interface LogoProps {
+    /** 展开 / 收起 */
+    expansion?: boolean;
+    /** 自定义内容 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+}
+/** 菜单列表项参数 */
+export interface MenuChildrenProps {
+    /** 样式class */
+    className?: string;
+    /** 菜单名 */
+    label?: ReactNode;
+    /** 菜单类型 */
+    type?: MenuListTypeType;
+    /** 菜单路径 */
+    path?: string;
+    /** 菜单图标 */
+    icon?: ReactNode;
+    /** 菜单组件 */
+    component?: any;
+    /** 子菜单 */
+    children?: MenuChildrenProps[];
+    /** 菜单最后一层所有上下级 一条线 */
+    idMenuLast?: any;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 选中菜单,是否收起其他展开项 */
+    shrinkOthers?: boolean;
+    /** 唯一值,内部属性,自动生成 */
+    _paraui_menu_id?: string;
+    /** 是否第一级 */
+    _paraui_menu_first?: boolean;
+    [name: string]: any;
+}
+/** 菜单列表参数 */
+export interface MenuListProps {
+    /** 颜色 */
+    color?: ColorType;
+    /** 展开 / 收起 */
+    expansion?: boolean;
+    /** 菜单列表参数 */
+    list?: MenuChildrenProps[];
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 样式class */
+    className?: string;
+    /** 选中菜单,是否收起其他展开项 */
+    shrinkOthers?: boolean;
+    [name: string]: any;
+}
+/** 弹出菜单 */
+export interface MenuItemPopoverProps {
+    /** 打开 */
+    open?: boolean;
+    /** 定位元素, 自定义属性 paraui-menu-id */
+    anchorEl?: string;
+    /** 菜单列表 */
+    list?: MenuChildrenProps[];
+    /** 菜单最后一层所有上下级 一条线 */
+    idMenuLast?: any;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+    /** 层级 */
+    level?: number;
+    /** 鼠标移入 */
+    onMouseEnter?: Function;
+    /** 鼠标移出 */
+    onMouseLeave: Function;
+    onMouseEnterBus?: Function;
+    onMouseLeaveBus?: Function;
+    /** 主题色 */
+    color?: ColorType;
+    className?: string;
+    [name: string]: any;
+}
+/** 尾部展开 */
+export interface FooterExpansionProps {
+    /** 是否展开 */
+    expansion?: boolean;
+    /** 展开图标 */
+    expandIcon?: ReactNode;
+    /** 收起图标 */
+    shrinkIcon?: ReactNode;
+    /** 自定义尾部 */
+    render?: ReactNode;
+    /** 样式class */
+    className?: string;
+    /** 展开事件 */
+    clickExpansion?: (bol: boolean) => void;
+    /** 版本号 */
+    version?: ReactNode;
+    [name: string]: any;
+}
+/** 菜单参数 */
+export interface MenuProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 颜色 */
+    color?: ColorType;
+    /** 展开 / 收起 */
+    expansion?: boolean;
+    /** 当前选中菜单 */
+    selectMenu?: string;
+    /** 选中菜单,是否收起其他展开项 */
+    shrinkOthers?: boolean;
+    /** 显示收缩按钮 */
+    showExpansion?: boolean;
+    /** logo配置 */
+    logoProps?: LogoProps;
+    /** 菜单配置 */
+    menuListProps?: MenuListProps;
+    /** 尾部展开参数 */
+    footerExpansionProps?: FooterExpansionProps;
+    /** 展开事件 */
+    onClickExpansion?: (bol: boolean) => void;
+    /** 点击菜单 */
+    onClickMenu?: (item: MenuChildrenProps | false) => void;
+}

package/Menu/logo.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 16:35
+ * @description 菜单图标
+ */
+import { FunctionComponent } from 'react';
+import { LogoProps } from './interface';
+export declare const Logo: FunctionComponent<LogoProps>;
+export default Logo;

package/Menu/verticalMenuList.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @author linhd
+ * @date 2021/8/10 17:54
+ * @description 竖向菜单
+ */
+import { FunctionComponent } from 'react';
+import { MenuListProps } from './interface';
+/** 上下箭头 */
+export declare type FlipDisable = {
+    prev: boolean;
+    next: boolean;
+};
+export declare const VerticalMenuList: FunctionComponent<MenuListProps>;
+export default VerticalMenuList;

package/Message/index.d.ts

@@ -0,0 +1,59 @@
+import './index.scss';
+interface MsgGlobalConfig {
+    /**
+     * 最大显示数
+     */
+    maxCount?: number;
+    /**
+     * 时长
+     */
+    duration?: number;
+}
+declare const _default: () => JSX.Element;
+export default _default;
+export declare type MsgTypeProps = {
+    /**是否启用html渲染内容*/
+    html?: boolean;
+    /**是否强制显示关闭按钮，默认自动当延迟关闭事件为0或null时自动显示*/
+    close?: boolean;
+    /**
+     * 消息文本
+     */
+    text?: string;
+    /**
+     * 图标
+     */
+    icon?: any;
+    /**
+     * 最大显示数
+     */
+    maxCount?: number;
+    /**
+     * 描述
+     */
+    desc?: string;
+    /**
+     * 隐藏默认图标
+     */
+    hideIcon?: boolean;
+};
+interface MsgPorps {
+    (config: string | MsgTypeProps, duration?: number): void;
+}
+export interface MessageObject {
+    /**信息*/
+    info: MsgPorps;
+    /**警告*/
+    warn: MsgPorps;
+    /**错误*/
+    error: MsgPorps;
+    /**成功*/
+    success: MsgPorps;
+    /** 清除所有 */
+    clear?: () => void;
+    /** 销毁所有，兼容写法 */
+    destroyAll?: () => void;
+    /** 全局配置 */
+    config?: (config: MsgGlobalConfig) => void;
+}
+export declare const Message: MessageObject;

package/Message/index.js

@@ -0,0 +1,15 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF")):"function"==typeof define&&define.amd?define(["react","react-dom","@para-ui/icons/WarningCircleF","@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("react-dom"),require("@para-ui/icons/WarningCircleF"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF")):e.ParaUI=t(e.react,e["react-dom"],e["@para-ui/icons/WarningCircleF"],e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"])}(self,(function(e,t,n,r,o,i){return function(){var a={747:function(e,t,n){(t=n(3645)(!1)).push([e.id,".para-message-box{position:fixed;top:3%;left:0;z-index:10005;text-align:center;width:100%;pointer-events:none}.para-message-box .msg-item .msg-wrapper{position:relative;display:inline-block;margin:10px auto;min-height:44px;padding:12px 16px;border-radius:4px;font-size:14px;text-align:left}.para-message-box .msg-item .msg-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;line-height:0}.para-message-box .msg-item .msg-icon svg{font-size:14px;color:currentColor}.para-message-box .msg-item .msg-text{display:inline-block;max-width:60vw;word-wrap:break-word;margin-right:32px;margin-left:22px;line-height:20px;word-break:break-all}.para-message-box .msg-item .msg-text--title{font-weight:700}.para-message-box .msg-item .msg-text--noicon{margin-left:0}.para-message-box .msg-item .msg-text .msg-desc{display:block;margin-top:8px;font-weight:400;word-wrap:break-word}.para-message-box .msg-item .msg-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;line-height:0;pointer-events:auto}.para-message-box .msg-item .msg-close svg{font-size:14px;color:currentColor}.para-message-box .msg-info{background-color:#f3f6fc;color:#3666d6}.para-message-box .msg-info .msg-close{color:#3666d6}.para-message-box .msg-warn{background-color:#fef9f5;color:#ffa150}.para-message-box .msg-warn .msg-close{color:#ffa150}.para-message-box .msg-error{background-color:#fdf6f5;color:#eb6054}.para-message-box .msg-error .msg-close{color:#eb6054}.para-message-box .msg-success{background-color:#f5fbf2;color:#53c31b}.para-message-box .msg-success .msg-close{color:#53c31b}.para-message-box .para-message-fadeInDown{animation-duration:.5s;animation-name:para-message-fadeInDown}@keyframes para-message-fadeInDown{from{opacity:0;transform:translate(0, -50px)}to{opacity:1;transform:translate(0, 0)}}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,s,c;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);r&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},7418:function(e){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,s,c=o(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))n.call(a,l)&&(c[l]=a[l]);if(t){s=t(a);for(var f=0;f<s.length;f++)r.call(a,s[f])&&(c[s[f]]=a[s[f]])}}return c}},5251:function(e,t,n){"use strict";
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,n){var r,i={},u=null,l=null;for(r in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(l=t.ref),t)s.call(t,r)&&!c.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:a.current}}t.jsx=u},5893:function(e,t,n){"use strict";e.exports=n(5251)},821:function(e,t,n){var r=n(3379),o=n(747);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function s(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],c=t.base?i[0]+t.base:i[0],u=n[c]||0,l="".concat(c," ").concat(u);n[c]=u+1;var f=s(l),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:l,updater:v(d,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,g=0;function v(e,t){var n,r,o;if(t.singleton){var i=g++;n=m||(m=u(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=u(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=s(n[r]);a[o].references--}for(var i=c(e,t),u=0;u<n.length;u++){var l=s(n[u]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},1014:function(e){"use strict";e.exports=r},5927:function(e){"use strict";e.exports=o},6649:function(e){"use strict";e.exports=i},595:function(e){"use strict";e.exports=n},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t}},s={};function c(e){var t=s[e];if(void 0!==t)return t.exports;var n=s[e]={id:e,exports:{}};return a[e](n,n.exports,c),n.exports}c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,{a:t}),t},c.d=function(e,t){for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.nc=void 0;var u={};return function(){"use strict";c.r(u),c.d(u,{Message:function(){return y}});var e=c(5893),t=c(7111),n=c.n(t),r=c(595),o=c.n(r),i=c(1014),a=c.n(i),s=c(5927),l=c.n(s),f=c(6649),d=c.n(f),p=(c(821),{info:(0,e.jsx)(o(),{}),warn:(0,e.jsx)(o(),{}),error:(0,e.jsx)(d(),{}),success:(0,e.jsx)(a(),{})}),m=function(){return window===window.top?window:window.top},g="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime());u.default=function(){return(0,e.jsx)("div",{className:"para-message-box",id:g})};var v=function(t,r,o,i){var a=r.icon,s=r.text,c=r.id,u=r.type,f=r.html,d=r.close,p=r.desc,m=r.hideIcon,g=function(e){var t=e.icon,n=e.text,r=e.id,o=e.type,i=e.html,a=e.close,s=e.desc,c=e.hideIcon,u=document.createElement("div");u.className="msg-item",u.id=r,u.innerHTML='<div class="msg-wrapper para-message-fadeInDown msg-'.concat(o,'">\n                ').concat(t?'<div class="msg-icon"></div>':"",'\n                <div class="msg-text"></div>\n                ').concat(a?'<div class="msg-close"></div>':"","\n                </div>\n    ");var l=u.querySelector(".msg-text");if(!l)return u;if(i?l.innerHTML=n:l.textContent=n,s){var f=document.createElement("span");f.className="msg-desc",f.textContent=s||"",l.classList.add("msg-text--title"),l.appendChild(f)}c&&l.classList.add("msg-text--noicon");var d=u.querySelector(".msg-close");return d&&d.addEventListener("click",(function(){var e;document.querySelector("#".concat(r))&&(null===(e=null==u?void 0:u.parentNode)||void 0===e||e.removeChild(u),u=null)})),u}({id:c,text:s,icon:a,type:u,html:f,close:d,desc:p,hideIcon:m});null==t||t.appendChild(g);var v=document.querySelector("#".concat(c," .msg-icon"));v&&a&&!m&&n().render(a,v);var b=document.querySelector("#".concat(c," .msg-close"));b&&n().render((0,e.jsx)(l(),{}),b),i&&setTimeout((function(){document.querySelector("#".concat(g.id))&&(null==t||t.removeChild(g))}),o)},b=function(e,t,n,r){var o,i,a,s=function(){return m().__msg_conf__||{}},c=p[n],u="",l="",f=!1,d=!1,g=null!==(o=s().maxCount)&&void 0!==o?o:1/0,b=null!==(i=s().duration)&&void 0!==i?i:t,h=!isNaN(b)&&b>0;"string"==typeof e?u=e:"object"==typeof e&&(u=e.text||"",l=e.desc,c=e.icon||p[n],f=e.html||!1,d=e.hideIcon||!1,e.maxCount>0&&(g=e.maxCount||1/0)),a="object"==typeof e&&"boolean"==typeof e.close?e.close:!h;var y=document.getElementById(r);y||((y=document.createElement("div")).id=r,y.className="para-message-box",document.body.appendChild(y));var w="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());v(y,{id:w,text:u,icon:c,type:n,html:f,close:a,desc:l,hideIcon:d},b,h),x(y,g)},x=function(e,t){var n,r;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,i=o.length;if(i>t)for(var a=0;a<i;a++)a<t&&o[a]&&(null===(r=o[a].parentNode)||void 0===r||r.removeChild(o[a]))}},h=function(e){var t=document.getElementById(e);t&&(t.innerHTML="")},y={info:function(e,t){return void 0===t&&(t=2e3),b(e,t,"info",g)},warn:function(e,t){return void 0===t&&(t=2e3),b(e,t,"warn",g)},error:function(e,t){return void 0===t&&(t=2e3),b(e,t,"error",g)},success:function(e,t){return void 0===t&&(t=2e3),b(e,t,"success",g)},clear:function(){return h(g)},destroyAll:function(){return h(g)},config:function(e){return void 0===(t=e)&&(t={}),void(m().__msg_conf__=t);var t}}}(),u}()}));

package/Modal/Confirm/index.d.ts

@@ -0,0 +1,66 @@
+import { FunctionComponent, ReactNode } from "react";
+import { ButtonProps } from "../../Button";
+import './index.scss';
+declare type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
+interface InternalConfirmProps {
+    /**图标类型*/
+    type?: ConfirmType;
+    /**打开*/
+    open?: boolean;
+    /**标题*/
+    title?: ReactNode;
+    /**内容*/
+    content?: ReactNode;
+    /**自定义图标*/
+    icon?: ReactNode;
+    /**ok文本*/
+    okText?: string;
+    /**cancel文本*/
+    cancelText?: string;
+    /**底部操作栏*/
+    actions?: ReactNode;
+    /**是否显示actions*/
+    showActions?: boolean;
+    /**确定回调*/
+    onOk?: Function;
+    /**取消回调*/
+    onCancel?: Function;
+    /**cls*/
+    className?: string;
+    /**confirm 宽度*/
+    width?: string | number;
+    /**显示取消按钮*/
+    showCancel?: boolean;
+    /**显示关闭按钮*/
+    closable?: boolean;
+    /**禁用backdrop点击*/
+    disableBackdropClick?: boolean;
+    /**禁用esc键*/
+    disableEscapeKeyDown?: boolean;
+    /**确定按钮属性*/
+    okButtonProps?: ButtonProps;
+    /**取消按钮属性*/
+    cancelButtonProps?: ButtonProps;
+    /**promise resolve*/
+    resolveFn?: Function;
+    /**确定时回调*/
+    callback?: Function;
+    /**销毁方法*/
+    destroy?: Function;
+}
+export declare const InternalConfirm: FunctionComponent<InternalConfirmProps>;
+declare type ConfirmProps = Omit<InternalConfirmProps, 'open' | 'resolveFn' | 'destroy' | 'callback'> & {
+    uuid?: string;
+};
+interface ConfirmFn {
+    (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
+}
+export interface ConfirmObject {
+    info: ConfirmFn;
+    warn: ConfirmFn;
+    error: ConfirmFn;
+    success: ConfirmFn;
+    destroyAll?: (uuid?: string) => void;
+}
+export declare const Confirm: ConfirmObject;
+export {};

package/Modal/index.d.ts

@@ -0,0 +1,61 @@
+import React, { FunctionComponent, ReactNode } from "react";
+import { ButtonProps } from "../Button";
+import { Confirm, ConfirmObject } from "./Confirm";
+import './index.scss';
+declare type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
+export interface ModalProps {
+    /**打开*/
+    open?: boolean;
+    /**标题*/
+    title?: ReactNode;
+    /**子节点*/
+    children?: ReactNode;
+    /**对话框头部*/
+    header?: ReactNode;
+    /**隐藏对话框头部*/
+    hideHeader?: boolean;
+    /**底部操作栏*/
+    actions?: ((buttons: ReactNode[]) => ReactNode[]) | ReactNode;
+    /**是否显示actions*/
+    showActions?: boolean;
+    /**确定回调*/
+    onOk?: Function;
+    /**取消回调 return false 不关闭*/
+    onCancel?: () => boolean | void;
+    /**OK文本*/
+    okText?: string;
+    /**取消文本*/
+    cancelText?: string;
+    /**确定按钮属性*/
+    okButtonProps?: ButtonProps;
+    /**取消按钮属性*/
+    cancelButtonProps?: ButtonProps;
+    /**显示取消按钮*/
+    showCancel?: boolean;
+    /**cls*/
+    className?: string;
+    /**大小*/
+    size?: ModalSize;
+    /**禁用backdrop点击*/
+    disableBackdropClick?: boolean;
+    /**禁用esc键*/
+    disableEscapeKeyDown?: boolean;
+    /**禁用强制焦点*/
+    disableEnforceFocus?: boolean;
+    /**是否全屏*/
+    fullScreen?: boolean;
+    /**自定义大小*/
+    customizeSize?: React.CSSProperties;
+    /**自定义大小 兼容customizeSize*/
+    style?: React.CSSProperties;
+    /**内容宽度*/
+    contentWidth?: number | string;
+    /**内容高度*/
+    contentHeight?: number | string;
+    /**内容样式*/
+    contentStyle?: React.CSSProperties;
+}
+export declare const Modal: FunctionComponent<ModalProps>;
+export { Confirm };
+export type { ConfirmObject };
+export default Modal;