@para-ui/core 1.1.26 → 2.0.0

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 (129) hide show
  1. package/AutoBox/index.d.ts +1 -0
  2. package/AutoBox/index.js +3 -4
  3. package/AutoTips/index.d.ts +1 -0
  4. package/AutoTips/index.js +3 -4
  5. package/Breadcrumbs/index.d.ts +1 -0
  6. package/Breadcrumbs/index.js +3 -4
  7. package/Button/SplitButton.d.ts +42 -0
  8. package/Button/index.d.ts +28 -7
  9. package/Button/index.js +3 -5
  10. package/ButtonGroup/index.d.ts +13 -18
  11. package/ButtonGroup/index.js +3 -5
  12. package/Cascader/index.d.ts +52 -0
  13. package/Cascader/index.js +28 -0
  14. package/Checkbox/index.d.ts +23 -7
  15. package/Checkbox/index.js +3 -4
  16. package/CheckboxGroup/index.d.ts +5 -2
  17. package/CheckboxGroup/index.js +3 -4
  18. package/ComboSelect/WithTabsCombo/index.d.ts +3 -2
  19. package/ComboSelect/WithTabsCombo/interface.d.ts +6 -1
  20. package/ComboSelect/index.d.ts +8 -7
  21. package/ComboSelect/index.js +8 -3
  22. package/ComboSelect/interface.d.ts +3 -0
  23. package/ComboSelect/utils.d.ts +4 -0
  24. package/Container/index.js +1 -1
  25. package/DatePicker/index.js +3 -3
  26. package/Desktop/index.js +1 -1
  27. package/Drawer/index.d.ts +10 -4
  28. package/Drawer/index.js +20 -1
  29. package/Drawer/interface.d.ts +63 -0
  30. package/Form/index.js +3 -5
  31. package/FormItem/compoments/formFile/index.d.ts +1 -0
  32. package/FormItem/index.d.ts +46 -45
  33. package/FormItem/index.js +3 -5
  34. package/FunctionModal/index.js +3 -3
  35. package/IconList/index.js +3 -3
  36. package/InputLang/index.d.ts +3 -0
  37. package/InputLang/index.js +3 -5
  38. package/InputNumber/index.d.ts +13 -31
  39. package/InputNumber/index.js +3 -5
  40. package/Menu/footerExpansion.d.ts +4 -4
  41. package/Menu/index.d.ts +5 -4
  42. package/Menu/index.js +3 -5
  43. package/Menu/interface.d.ts +12 -125
  44. package/Menu/logo.d.ts +4 -4
  45. package/Menu/verticalMenuList.d.ts +4 -4
  46. package/Message/index.d.ts +8 -0
  47. package/Message/index.js +3 -3
  48. package/Modal/Confirm/index.d.ts +3 -4
  49. package/Modal/index.d.ts +9 -11
  50. package/Modal/index.js +3 -5
  51. package/MultiBox/index.d.ts +3 -0
  52. package/MultiBox/index.js +3 -5
  53. package/{Menu/horizontalMeunList.d.ts → PageHeader/horizontalMeun.d.ts} +2 -2
  54. package/{Menu → PageHeader}/horizontalMeunRight.d.ts +4 -4
  55. package/PageHeader/index.d.ts +10 -0
  56. package/PageHeader/index.js +14 -0
  57. package/PageHeader/interface.d.ts +163 -0
  58. package/Pagination/index.d.ts +6 -0
  59. package/Pagination/index.js +8 -5
  60. package/ParauiProvider/index.js +3 -3
  61. package/PopConfirm/index.d.ts +6 -5
  62. package/PopConfirm/index.js +3 -5
  63. package/Popover/index.js +3 -3
  64. package/Radio/index.d.ts +24 -10
  65. package/Radio/index.js +3 -4
  66. package/RadioGroup/index.d.ts +8 -4
  67. package/RadioGroup/index.js +3 -4
  68. package/Search/index.d.ts +3 -0
  69. package/Search/index.js +3 -5
  70. package/Select/index.d.ts +5 -4
  71. package/Select/index.js +3 -5
  72. package/SingleBox/index.d.ts +6 -1
  73. package/SingleBox/index.js +3 -5
  74. package/Slider/index.d.ts +13 -2
  75. package/Slider/index.js +15 -1
  76. package/Slider/interface.d.ts +100 -0
  77. package/Stepper/index.d.ts +1 -0
  78. package/Stepper/index.js +3 -4
  79. package/Styles/index.scss +3 -8
  80. package/Styles/normalize.scss +348 -0
  81. package/Styles/theme.scss +48 -0
  82. package/Switch/index.d.ts +52 -10
  83. package/Switch/index.js +3 -4
  84. package/Table/index.d.ts +1 -0
  85. package/Table/index.js +8 -5
  86. package/Table/tableBodyInterface.d.ts +1 -1
  87. package/Tabs/index.d.ts +9 -9
  88. package/Tabs/index.js +3 -4
  89. package/TextField/index.d.ts +4 -5
  90. package/TextField/index.js +3 -5
  91. package/TimePicker/index.js +3 -3
  92. package/Timeline/index.d.ts +8 -7
  93. package/Timeline/index.js +3 -4
  94. package/ToggleButton/ToggleButtonGroup.d.ts +44 -0
  95. package/ToggleButton/index.d.ts +44 -0
  96. package/ToggleButton/index.js +14 -0
  97. package/{ToolTip → Tooltip}/index.d.ts +4 -3
  98. package/Tooltip/index.js +15 -0
  99. package/Transfer/index.d.ts +17 -0
  100. package/Transfer/index.js +14 -0
  101. package/Tree/OperateBar/index.d.ts +11 -2
  102. package/Tree/index.d.ts +1 -0
  103. package/Tree/index.js +3 -3
  104. package/Tree/interface.d.ts +12 -10
  105. package/Tree/utils/closestPolyfill.d.ts +0 -0
  106. package/Upload/Dragger/index.d.ts +10 -0
  107. package/Upload/ErroTip/index.d.ts +13 -0
  108. package/Upload/ImageUpload/index.d.ts +3 -5
  109. package/Upload/UploadList/index.d.ts +1 -0
  110. package/Upload/index.d.ts +11 -9
  111. package/Upload/index.js +3 -5
  112. package/Upload/interface.d.ts +22 -14
  113. package/index.d.ts +5 -1
  114. package/index.js +16 -3
  115. package/package.json +8 -2
  116. package/Breadcrumbs/theme.d.ts +0 -42
  117. package/Button/theme.d.ts +0 -216
  118. package/ButtonGroup/SplitButton.d.ts +0 -17
  119. package/Checkbox/iconMapping.d.ts +0 -2
  120. package/ComboSelect/styles.d.ts +0 -6
  121. package/Menu/horizontalMenu.d.ts +0 -9
  122. package/Menu/verticalFooter.d.ts +0 -9
  123. package/Menu/verticalMenu.d.ts +0 -9
  124. package/ParauiProvider/theme/paraTheme.d.ts +0 -3
  125. package/ParauiProvider/theme/styleConfig.d.ts +0 -74
  126. package/Radio/iconMapping.d.ts +0 -2
  127. package/Stepper/theme.d.ts +0 -56
  128. package/Tabs/theme.d.ts +0 -53
  129. package/ToolTip/index.js +0 -16
@@ -1,10 +1,9 @@
1
- !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("@para-ui/icons/Up"),require("@para-ui/icons/Down"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@material-ui/core/styles")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@para-ui/icons/Up","@para-ui/icons/Down","@para-ui/icons/Minus","@para-ui/icons/Plus","@material-ui/core/styles"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("@para-ui/icons/Up"),require("@para-ui/icons/Down"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@material-ui/core/styles")):e.ParaUI=r(e.react,e["@material-ui/core"],e["@para-ui/icons/Up"],e["@para-ui/icons/Down"],e["@para-ui/icons/Minus"],e["@para-ui/icons/Plus"],e["@material-ui/core/styles"])}(self,(function(e,r,t,o,n,i,a){return function(){"use strict";var l={4126:function(e){
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@para-ui/icons/Up"),require("@para-ui/icons/Down"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@material-ui/core"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/LoadingF"),require("para-lib")):"function"==typeof define&&define.amd?define(["react","@para-ui/icons/Up","@para-ui/icons/Down","@para-ui/icons/Minus","@para-ui/icons/Plus","@material-ui/core","@para-ui/icons/PreviewOpen","@para-ui/icons/PreviewClose","@para-ui/icons/LoadingF","para-lib"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@para-ui/icons/Up"),require("@para-ui/icons/Down"),require("@para-ui/icons/Minus"),require("@para-ui/icons/Plus"),require("@material-ui/core"),require("@para-ui/icons/PreviewOpen"),require("@para-ui/icons/PreviewClose"),require("@para-ui/icons/LoadingF"),require("para-lib")):e.ParaUI=t(e.react,e["@para-ui/icons/Up"],e["@para-ui/icons/Down"],e["@para-ui/icons/Minus"],e["@para-ui/icons/Plus"],e["@material-ui/core"],e["@para-ui/icons/PreviewOpen"],e["@para-ui/icons/PreviewClose"],e["@para-ui/icons/LoadingF"],e["para-lib"])}(self,(function(e,t,n,i,r,o,a,l,d,u){return function(){var c={6399:function(e,t,n){(t=n(9937)(!1)).push([e.id,".paraui-auto-tips{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips>.auto-tips-content{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n",""]),e.exports=t},6525:function(e,t,n){(t=n(9937)(!1)).push([e.id,".paraui-input-number{width:120px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;padding-bottom:20px;display:inline-block}.paraui-input-number>.paraui-text-field>.text-field-content>.text-field-content-before{padding:0;background-color:white}.paraui-input-number>.paraui-text-field>.text-field-content>.text-field-content-after{padding:0;background-color:white}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span{display:flex;align-items:center;justify-content:center;width:30px;height:100%;cursor:pointer;background-color:rgba(171,176,185,0.121569)}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span:hover>svg{color:#3666d6}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span>svg{color:rgba(46,55,67,0.701961)}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span{display:flex;align-items:center;justify-content:center;width:30px;height:100%;cursor:pointer;background-color:rgba(171,176,185,0.121569)}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span:hover>svg{color:#3666d6}.paraui-input-number.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span>svg{color:rgba(46,55,67,0.701961)}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn{display:flex;flex-direction:column;align-items:center;width:30px}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span{line-height:0;height:50%;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:rgba(171,176,185,0.121569)}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span:hover>svg{color:#3666d6}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{color:rgba(46,55,67,0.701961)}.paraui-input-number.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span:last-child{border-top:1px solid;border-color:rgba(171,176,185,0.2)}.paraui-input-number.input-number-disabled.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span{cursor:not-allowed}.paraui-input-number.input-number-disabled.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span{cursor:not-allowed}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span{cursor:not-allowed}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-top{cursor:not-allowed}.paraui-input-number.input-number-disabled-add.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-top:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-top>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>.add-btn{cursor:not-allowed}.paraui-input-number.input-number-disabled-add.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>.add-btn:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-add.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-before>.add-btn>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-bottom{cursor:not-allowed}.paraui-input-number.input-number-disabled-reduce.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-bottom:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>.tb-btn-bottom>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span{cursor:not-allowed}.paraui-input-number.input-number-disabled-reduce.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span:hover>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-disabled-reduce.input-number-lr>.paraui-text-field>.text-field-content>.text-field-content-after>span>svg{color:rgba(46,55,67,0.4)}.paraui-input-number.input-number-small.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{font-size:13px}.paraui-input-number.input-number-medium.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{font-size:15px}.paraui-input-number.input-number-large.input-number-tb>.paraui-text-field>.text-field-content>.text-field-content-after>.tb-btn>span>svg{font-size:17px}\n",""]),e.exports=t},9394:function(e,t,n){(t=n(9937)(!1)).push([e.id,'@keyframes rotateLoading{0%{transformOrigin:50% 50%}100%{transform:rotate(360deg)}}.paraui-text-field{font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;display:inline-block;width:100%;padding-bottom:20px}.paraui-text-field>.text-field-label{color:rgba(46,55,67,0.701961);margin-bottom:8px;display:inline-block}.paraui-text-field>.text-field-label>.text-field-required{margin-left:2px;color:#eb6054}.paraui-text-field>.text-field-content{border:1px solid;border-radius:8px;border-color:rgba(171,176,185,0.4);display:flex;width:100%;position:relative}.paraui-text-field>.text-field-content:hover{border-color:#3666d6}.paraui-text-field>.text-field-content>.text-field-content-before{color:#2e3743;padding:0 12px;border-right:1px solid rgba(171,176,185,0.4);background-color:rgba(171,176,185,0.121569);border-bottom-left-radius:8px;border-top-left-radius:8px;white-space:nowrap;display:flex;align-items:center}.paraui-text-field>.text-field-content>.text-field-content-before svg{font-size:20px}.paraui-text-field>.text-field-content>.text-field-content-within{position:relative;width:100%;display:flex}.paraui-text-field>.text-field-content>.text-field-content-within>.right-icon{display:flex;height:100%;align-items:center;margin-right:12px;cursor:pointer;color:rgba(46,55,67,0.701961)}.paraui-text-field>.text-field-content>.text-field-content-within>.right-icon svg{color:rgba(46,55,67,0.701961);font-size:20px}.paraui-text-field>.text-field-content>.text-field-content-within>.length-limit{display:flex;height:100%;align-items:center;margin-right:12px;color:rgba(46,55,67,0.701961)}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input{width:100%;line-height:0}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input input::-webkit-outer-spin-button,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input input::-webkit-inner-spin-button{-webkit-appearance:none}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input input[type="number"]{-moz-appearance:textfield}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{width:100%;height:100%}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea{width:100% !important;padding:12px}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea{font-size:14px;color:#2e3743;border:0;border-radius:8px}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input::-ms-clear,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea::-ms-clear{display:none}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input::-ms-reveal,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea::-ms-reveal{display:none}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>input:disabled,.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea:disabled{background-color:transparent}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{width:100%;position:absolute;left:0;height:100%;padding:0 12px;color:rgba(46,55,67,0.4);cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-text-field>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder>.text-field-required{margin-left:2px;color:#eb6054}.paraui-text-field>.text-field-content>.text-field-content-after{color:#2e3743;padding:0 12px;border-left:1px solid rgba(171,176,185,0.4);background-color:rgba(171,176,185,0.121569);border-bottom-right-radius:8px;border-top-right-radius:8px;white-space:nowrap;display:flex;align-items:center}.paraui-text-field>.text-field-content>.text-field-content-after svg{font-size:20px}.paraui-text-field>.text-field-error-text{margin:8px 0 0 0;padding-left:12px;line-height:1}.paraui-text-field.text-field-multiline>.text-field-content .text-field-content-within>.length-limit{height:14px;position:absolute;right:0;bottom:8px}.paraui-text-field.text-field-multiline>.text-field-content .text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{padding-top:12px;line-height:1;height:calc(100% - 14px)}.paraui-text-field.text-field-disabled>.text-field-content{background-color:rgba(171,176,185,0.121569)}.paraui-text-field.text-field-disabled>.text-field-content:hover{border-color:rgba(171,176,185,0.4)}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-before{background-color:transparent}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{cursor:not-allowed}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-within>.text-field-content-within-input>input,.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-within>.text-field-content-within-input>textarea{cursor:not-allowed}.paraui-text-field.text-field-disabled>.text-field-content>.text-field-content-after{background-color:transparent}.paraui-text-field.text-field-error>.text-field-error-text{color:#eb6054}.paraui-text-field.text-field-error>.text-field-content{border-color:#eb6054}.paraui-text-field.text-field-error>.text-field-content:hover{border-color:#eb6054}.paraui-text-field.text-field-focus>.text-field-content{border-color:#3666d6}.paraui-text-field.text-field-small>.text-field-content{height:28px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-before{line-height:26px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-within>.text-field-content-within-input{height:26px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{padding:6px 12px}.paraui-text-field.text-field-small>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{line-height:26px}.paraui-text-field.text-field-small>.text-field-content .text-field-content-after{line-height:26px}.paraui-text-field.text-field-medium>.text-field-content{height:32px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-before{line-height:30px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-within>.text-field-content-within-input{height:30px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{padding:8px 12px}.paraui-text-field.text-field-medium>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{line-height:30px}.paraui-text-field.text-field-medium>.text-field-content .text-field-content-after{line-height:30px}.paraui-text-field.text-field-large>.text-field-content{height:36px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-before{line-height:34px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-within>.text-field-content-within-input{height:34px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-within>.text-field-content-within-input>input{padding:10px 12px}.paraui-text-field.text-field-large>.text-field-content>.text-field-content-within>.text-field-content-within-input>.text-field-label-placeholder{line-height:34px}.paraui-text-field.text-field-large>.text-field-content .text-field-content-after{line-height:34px}.paraui-text-field-select>div{max-width:none;padding:0;background-color:white;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.4);border-radius:8px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-text-field-select>div>span{color:white}.paraui-text-field-select>div .text-field-select-content{max-height:300px;overflow:auto}.paraui-text-field-select>div .text-field-select-content>.text-field-select-content-item{display:flex;cursor:pointer;color:#2e3743;padding:0 12px}.paraui-text-field-select>div .text-field-select-content>.text-field-select-content-item:hover{background-color:rgba(171,176,185,0.121569);color:#3666d6}.paraui-text-field-select>div .text-field-select-content>.text-field-select-content-item.text-field-select-content-item-keydown{background-color:rgba(171,176,185,0.121569);color:#3666d6}.paraui-text-field-select>div .text-field-select-content.text-field-select-content-loading{height:100px;position:relative;overflow:hidden}.paraui-text-field-select>div .text-field-select-content.text-field-select-content-loading>.loading-box{position:absolute;left:0;top:0;width:100%;height:100%;background-color:white;display:flex;justify-content:center;align-items:center}.paraui-text-field-select>div .text-field-select-content.text-field-select-content-loading>.loading-box>svg{transition:all .3s ease-in-out;animation:rotateLoading 1s infinite linear;font-size:20px}.paraui-text-field-select.paraui-text-field-select-small>div .text-field-select-content>.text-field-select-content-item{line-height:28px}.paraui-text-field-select.paraui-text-field-select-medium>div .text-field-select-content>.text-field-select-content-item{line-height:32px}.paraui-text-field-select.paraui-text-field-select-large>div .text-field-select-content>.text-field-select-content-item{line-height:36px}\n',""]),e.exports=t},9937: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]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var r=(a=i,l=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),d="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(d," */")),o=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[n].concat(o).concat([r]).join("\n")}var a,l,d;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,i){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(i)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(r[a]=!0)}for(var l=0;l<e.length;l++){var d=[].concat(e[l]);i&&r[d[0]]||(n&&(d[2]?d[2]="".concat(n," and ").concat(d[2]):d[2]=n),t.push(d))}},t}},4126:function(e){"use strict";
2
2
  /*
3
3
  object-assign
4
4
  (c) Sindre Sorhus
5
5
  @license MIT
6
- */
7
- var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function n(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 r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,l,u=n(e),d=1;d<arguments.length;d++){for(var s in a=Object(arguments[d]))t.call(a,s)&&(u[s]=a[s]);if(r){l=r(a);for(var c=0;c<l.length;c++)o.call(a,l[c])&&(u[l[c]]=a[l[c]])}}return u}},9524:function(e,r,t){
6
+ */var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,i=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={},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 i={};return"abcdefghijklmnopqrst".split("").forEach((function(e){i[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},i)).join("")}catch(e){return!1}}()?Object.assign:function(e,o){for(var a,l,d=r(e),u=1;u<arguments.length;u++){for(var c in a=Object(arguments[u]))n.call(a,c)&&(d[c]=a[c]);if(t){l=t(a);for(var f=0;f<l.length;f++)i.call(a,l[f])&&(d[l[f]]=a[l[f]])}}return d}},9524:function(e,t,n){"use strict";
8
7
  /** @license React v17.0.2
9
8
  * react-jsx-runtime.production.min.js
10
9
  *
@@ -12,5 +11,4 @@ var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.pr
12
11
  *
13
12
  * This source code is licensed under the MIT license found in the
14
13
  * LICENSE file in the root directory of this source tree.
15
- */
16
- t(4126);var o=t(9297),n=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;n=i("react.element"),i("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function d(e,r,t){var o,i={},d=null,s=null;for(o in void 0!==t&&(d=""+t),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,o)&&!u.hasOwnProperty(o)&&(i[o]=r[o]);if(e&&e.defaultProps)for(o in r=e.defaultProps)void 0===i[o]&&(i[o]=r[o]);return{$$typeof:n,type:e,key:d,ref:s,props:i,_owner:a.current}}r.jsx=d,r.jsxs=d},7712:function(e,r,t){e.exports=t(9524)},853:function(e,r){var t={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};r.Z=function(){return t}},1731:function(e){e.exports=r},8604:function(e){e.exports=a},6028:function(e){e.exports=o},3277:function(e){e.exports=n},5191:function(e){e.exports=i},3616:function(e){e.exports=t},9297:function(r){r.exports=e}},u={};function d(e){var r=u[e];if(void 0!==r)return r.exports;var t=u[e]={exports:{}};return l[e](t,t.exports,d),t.exports}d.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(r,{a:r}),r},d.d=function(e,r){for(var t in r)d.o(r,t)&&!d.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},d.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return function(){d.r(s),d.d(s,{InputNumber:function(){return v}});var e=d(7712),r=d(9297),t=d(1731),o=d(3616),n=d.n(o),i=d(6028),a=d.n(i),l=d(3277),u=d.n(l),c=d(5191),p=d.n(c),b=d(8604),f=d(853),h=function(){return h=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},h.apply(this,arguments)},x=(0,f.Z)(),m=(0,b.makeStyles)((function(){return(0,b.createStyles)({"input-number":{fontFamily:x.fontFamily.zh,display:"inline-block",fontSize:x.standardFont.standardFont1.fontSize,paddingBottom:"20px",position:"relative","& input::-webkit-outer-spin-button,& input::-webkit-inner-spin-button":{appearance:"none !important"},"& input":{"-moz-appearance":"textfield"},"& fieldset":{border:0},"& > label":{color:x.textColor.secondary,marginBottom:"10px",display:"inline-block","& > span":{marginLeft:"3px"}},"& > .input-number-content":{border:"1px solid",borderColor:x.textColor.thirdary,borderRadius:x.borderRadius,position:"relative",width:"100%",display:"flex",overflow:"hidden","&:hover":{borderColor:x.thmemColor.primary},"& > .inside-label":{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",padding:"0 10px",cursor:"text","& > .inside-label-placeholder":{color:x.textColor.thirdary},"& > .inside-label-label":{color:x.textColor.thirdary,"& > span":{marginLeft:"3px"}}},"& > div":{width:"100%","& > div":{width:"100%",height:"100%","& input":{width:"100%",height:"100%",padding:"0 10px",fontSize:x.standardFont.standardFont1.fontSize,color:x.textColor.primary}}},"& > .tb-btn":{display:"flex",flexDirection:"column",alignItems:"center",width:"30px",backgroundColor:x.bgBorderColor.bg2,overflow:"hidden",borderLeft:"1px solid ",borderColor:x.textColor.thirdary,zIndex:"1","& > span":{lineHeight:"0",height:"50%",width:"100%",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center","&:hover":{"& > svg":{color:x.thmemColor.primary}},"& > svg":{color:x.textColor.secondary,transform:"scale(0.8)"},"&:last-child":{borderTop:"1px solid ",borderColor:x.textColor.thirdary}}},"& > .reduce-btn, & > .add-btn":{width:"34px",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",backgroundColor:x.bgBorderColor.bg2,"&:hover":{"& > svg":{color:x.thmemColor.primary}},"& > svg":{color:x.textColor.secondary}},"& > .reduce-btn":{borderRight:"1px solid "+x.textColor.thirdary},"& > .add-btn":{borderLeft:"1px solid",borderColor:x.textColor.thirdary}},"& > .input-number-error-text":{margin:0,height:"20px",lineHeight:"20px",position:"absolute",left:"10px",bottom:"0"},"&.input-number-small":{"& > .input-number-content":{height:"28px","& > .inside-label":{"& > .inside-label-placeholder":{lineHeight:"26px"},"& > .inside-label-label":{lineHeight:"26px"}},"& > div":{height:"26px"},"& input":{padding:"5px 10px"}}},"&.input-number-medium":{"& > .input-number-content":{height:"34px","& > .inside-label":{"& > .inside-label-placeholder":{lineHeight:"32px"},"& > .inside-label-label":{lineHeight:"32px"}},"& > div":{height:"32px"},"& input":{padding:"8px 10px"}}},"&.input-number-large":{"& > .input-number-content":{height:"40px","& > .inside-label":{"& > .inside-label-placeholder":{lineHeight:"38px"},"& > .inside-label-label":{lineHeight:"38px"}},"& > div":{height:"38px"},"& input":{padding:"11px 10px"}}},"&.input-number-disabled":{"& > .input-number-content":{"&:hover":{borderColor:x.textColor.thirdary},"& > .input-number-input":{backgroundColor:x.bgBorderColor.bg2,"& > div":{"& input":{color:x.textColor.secondary}}},"& > .inside-label, & > .reduce-btn, & > .add-btn, & > .tb-btn > span, & input":{cursor:"not-allowed"},"& > .reduce-btn, & > .add-btn":{"&:hover":{"& > svg":{color:x.textColor.thirdary}},"& > svg":{color:x.textColor.thirdary}},"& > .tb-btn":{"& > span":{"&:hover":{"& > svg":{color:x.textColor.thirdary,transform:"scale(0.8)"}},"& > svg":{color:x.textColor.thirdary}}}}},"&.input-number-disabled-add":{"& > .input-number-content":{"& > .add-btn":{cursor:"not-allowed","&:hover":{"& > svg":{color:x.textColor.thirdary}},"& > svg":{color:x.textColor.thirdary}},"& > .tb-btn":{"& > .tb-btn-top":{cursor:"not-allowed","&:hover":{"& > svg":{color:x.textColor.thirdary,transform:"scale(0.8)"}},"& > svg":{color:x.textColor.thirdary}}}}},"&.input-number-disabled-reduce":{"& > .input-number-content":{"& > .reduce-btn":{cursor:"not-allowed","&:hover":{"& > svg":{color:x.textColor.thirdary}},"& > svg":{color:x.textColor.thirdary}},"& > .tb-btn":{"& > .tb-btn-bottom":{cursor:"not-allowed","&:hover":{"& > svg":{color:x.textColor.thirdary,transform:"scale(0.8)"}},"& > svg":{color:x.textColor.thirdary}}}}},"&.input-number-error":{"& > .input-number-error-text":{color:x.stateColor.error},"& > .input-number-content":{borderColor:x.stateColor.error,"&:hover":{borderColor:x.stateColor.error}}},"&.input-number-focus":{"& > .input-number-content":{borderColor:x.thmemColor.primary}},"&.input-number-lr":{width:"166px","& > .input-number-content":{"& > .input-number-input":{width:"calc(100% - 68px)","& input":{textAlign:"center"}},"& > .inside-label":{width:"calc(100% - 68px)",left:"34px"}}},"&.input-number-tb":{width:"100px","& > .input-number-content":{"& > .input-number-input":{width:"calc(100% - 30px)"},"& > .inside-label":{paddingRight:"30px"}}}}})})),v=function(o){var i=o.className,l=o.size,d=void 0===l?"small":l,s=o.labelMode,c=void 0===s?"outside":s,b=o.btnMode,f=void 0===b?"tb":b,x=o.placeholder,v=void 0===x?"":x,g=o.label,y=void 0===g?"":g,C=o.disabled,F=void 0!==C&&C,j=o.disabledAdd,w=void 0!==j&&j,S=o.disabledReduce,O=void 0!==S&&S,D=o.required,E=void 0!==D&&D,k=o.error,N=void 0!==k&&k,_=o.helperText,P=void 0===_?"":_,q=o.value,z=o.autoFocus,B=void 0!==z&&z,M=o.onBlur,R=o.onFocus,I=o.onChange,H=o.onKeydown,L=o.onKeyUp,U=o.onEnter,T=m(o),W=(0,r.useState)(),A=W[0],K=W[1],Y=(0,r.useState)(!0),Z=Y[0],$=Y[1],G=(0,r.useState)(!1),J=G[0],Q=G[1],V=(0,r.useRef)(null);(0,r.useEffect)((function(){void 0!==q&&K(q)}),[q]),(0,r.useEffect)((function(){void 0!==A&&$(!1)}),[A]);var X,ee=function(e){if(!F&&!w){var r=Number(A||"")+1;K(r),I&&I(r,e)}},re=function(e){if(!F&&!O){var r=Number(A||"")-1;K(r),I&&I(r,e)}},te=function(){F||($(!1),(V&&V.current&&V.current.querySelector("input")).focus())},oe=(0,r.useMemo)((function(){if("outside"===c)return y||E?(0,e.jsxs)("label",{children:[y,E&&(0,e.jsx)("span",{children:"(必填)"},void 0)]},void 0):null}),[c,E,y]),ne=(0,r.useMemo)((function(){return Z?"inside"===c&&(y||E)?(0,e.jsx)("div",h({className:"inside-label",onClick:te},{children:(0,e.jsxs)("span",h({className:"inside-label-label"},{children:[y,E&&(0,e.jsx)("span",{children:"(必填)"},void 0)]}),void 0)}),void 0):(0,e.jsx)("div",h({className:"inside-label",onClick:te},{children:(0,e.jsx)("span",h({className:"inside-label-placeholder"},{children:v}),void 0)}),void 0):null}),[c,E,y,v,Z,F]);return(0,e.jsxs)("div",h({className:(X=T["input-number"],X+=" paraui-input-number",i&&(X+=" "+i),d&&(X+=" input-number-"+d),F&&(X+=" input-number-disabled"),w&&(X+=" input-number-disabled-add"),O&&(X+=" input-number-disabled-reduce"),N&&(X+=" input-number-error"),J&&(X+=" input-number-focus"),f&&(X+=" input-number-"+f),X)},{children:[oe,(0,e.jsxs)("div",h({className:"input-number-content"},{children:["lr"===f&&(0,e.jsx)("span",h({className:"reduce-btn",onClick:re},{children:(0,e.jsx)(u(),{},void 0)}),void 0),(0,e.jsx)(t.TextField,{className:"input-number-input",size:"small",variant:"outlined",type:"number",value:void 0===A?"":A,autoFocus:B,disabled:F,ref:V,onBlur:function(e){Q(!1),""===e.target.value&&$(!0),M&&M(e)},onFocus:function(e){Q(!0),R&&R(e)},onChange:function(e){var r=e.target.value;K(r),I&&I(r,e)},onKeyDown:function(e){13===e.keyCode&&U&&U(e),H&&H(e)},onKeyUp:function(e){L&&L(e)}},void 0),"lr"===f&&(0,e.jsx)("span",h({className:"add-btn",onClick:ee},{children:(0,e.jsx)(p(),{},void 0)}),void 0),ne,"tb"===f&&(0,e.jsxs)("div",h({className:"tb-btn"},{children:[(0,e.jsx)("span",h({className:"tb-btn-top",onClick:ee},{children:(0,e.jsx)(n(),{},void 0)}),void 0),(0,e.jsx)("span",h({className:"tb-btn-bottom",onClick:re},{children:(0,e.jsx)(a(),{},void 0)}),void 0)]}),void 0)]}),void 0),P&&(0,e.jsx)("p",h({className:"input-number-error-text"},{children:P}),void 0)]}),void 0)};s.default=v}(),s}()}));
14
+ */n(4126);var i=n(9297),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 a=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,d={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,n){var i,o={},u=null,c=null;for(i in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(c=t.ref),t)l.call(t,i)&&!d.hasOwnProperty(i)&&(o[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===o[i]&&(o[i]=t[i]);return{$$typeof:r,type:e,key:u,ref:c,props:o,_owner:a.current}}t.jsx=u,t.jsxs=u},7712:function(e,t,n){"use strict";e.exports=n(9524)},2544:function(e,t,n){var i=n(2387),r=n(6399);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},5107:function(e,t,n){var i=n(2387),r=n(6525);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},5197:function(e,t,n){var i=n(2387),r=n(9394);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:"head",singleton:!1};i(r,o);e.exports=r.locals||{}},2387:function(e,t,n){"use strict";var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},o=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 l(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function d(e,t){for(var n={},i=[],r=0;r<e.length;r++){var o=e[r],d=t.base?o[0]+t.base:o[0],u=n[d]||0,c="".concat(d," ").concat(u);n[d]=u+1;var f=l(c),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==f?(a[f].references++,a[f].updater(s)):a.push({identifier:c,updater:h(s,t),references:1}),i.push(c)}return i}function u(e){var t=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=n.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach((function(e){t.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(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 c,f=(c=[],function(e,t){return c[e]=t,c.filter(Boolean).join("\n")});function s(e,t,n,i){var r=n?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=f(t,r);else{var o=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function p(e,t,n){var i=n.css,r=n.media,o=n.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var x=null,b=0;function h(e,t){var n,i,r;if(t.singleton){var o=b++;n=x||(x=u(t)),i=s.bind(null,n,o,!1),r=s.bind(null,n,o,!0)}else n=u(t),i=p.bind(null,n,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var n=d(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<n.length;i++){var r=l(n[i]);a[r].references--}for(var o=d(e,t),u=0;u<n.length;u++){var c=l(n[u]);0===a[c].references&&(a[c].updater(),a.splice(c,1))}n=o}}}},3094:function(e,t,n){"use strict";var i=n(7712),r=n(9297),o=n(1731),a=(n(2544),function(){return a=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)});t.default=function(e){var t=e.children,n=e.placement,l=void 0===n?"bottom-start":n,d=e.tips,u=void 0===d?"":d,c=e.className,f=void 0===c?"":c,s=(0,r.useRef)(),p=(0,r.useState)(""),x=p[0],b=p[1];(0,r.useEffect)((function(){b(u)}),[u]);var h;return(0,i.jsx)("div",a({ref:function(e){e&&(s.current=e)},className:(h="paraui-auto-tips",f&&(h+=" "+f),h),onMouseOver:function(){s.current.scrollWidth>s.current.offsetWidth?b(x||s.current.innerText):b("")}},{children:(0,i.jsx)(o.Tooltip,a({title:x,placement:l},{children:(0,i.jsx)("div",a({className:"auto-tips-content"},{children:t}),void 0)}),void 0)}),void 0)}},3672:function(e,t,n){"use strict";var i=n(7712),r=n(9297),o=n(1731),a=n(3094),l=n(8528),d=n.n(l),u=n(6570),c=n.n(u),f=n(1102),s=n.n(f),p=n(3475),x=(n(5197),function(){return x=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},x.apply(this,arguments)}),b=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n};t.default=function(e){var t=e.className,n=e.size,l=void 0===n?"large":n,u=e.labelMode,f=void 0===u?"outside":u,h=e.placeholder,m=void 0===h?"":h,v=e.label,g=void 0===v?"":v,w=e.disabled,y=void 0!==w&&w,j=e.multiline,S=void 0!==j&&j,N=e.required,O=void 0!==N&&N,k=e.labelSign,C=e.rows,P=void 0===C?2:C,M=e.error,q=void 0!==M&&M,E=e.helperText,_=void 0===E?"":E,L=e.addonBefore,I=void 0===L?"":L,F=e.addonAfter,R=void 0===F?"":F,T=(e.defaultValue,e.value),D=e.autoFocus,U=void 0!==D&&D,z=e.type,A=void 0===z?"text":z,B=e.onClickIcon,H=e.rightIcon,K=e.showRightIcon,V=void 0===K||K,J=e.limitLength,W=e.fetchSuggestions,$=e.selectPopoverClass,Y=e.renderSelectItem,G=e.showSelectName,Q=void 0===G?"value":G,X=e.onBlur,Z=e.onFocus,ee=e.onChange,te=e.onKeydown,ne=e.onKeyUp,ie=e.onEnter,re=e.onClickAddonBefore,oe=e.onClickAddonAfter,ae=e.onSelect,le=b(e,["className","size","labelMode","placeholder","label","disabled","multiline","required","labelSign","rows","error","helperText","addonBefore","addonAfter","defaultValue","value","autoFocus","type","onClickIcon","rightIcon","showRightIcon","limitLength","fetchSuggestions","selectPopoverClass","renderSelectItem","showSelectName","onBlur","onFocus","onChange","onKeydown","onKeyUp","onEnter","onClickAddonBefore","onClickAddonAfter","onSelect"]),de=(0,r.useState)("text-field-select-content-"+(0,p.UUID)())[0],ue=(0,r.useState)(!0),ce=ue[0],fe=ue[1],se=(0,r.useState)(""),pe=se[0],xe=se[1],be=(0,r.useState)(!1),he=be[0],me=be[1],ve=(0,r.useState)("text"),ge=ve[0],we=ve[1],ye=(0,r.useState)(!1),je=ye[0],Se=ye[1],Ne=(0,r.useState)(!1),Oe=Ne[0],ke=Ne[1],Ce=(0,r.useState)([]),Pe=Ce[0],Me=Ce[1],qe=(0,r.useRef)(null),Ee=(0,r.useRef)(null);(0,r.useEffect)((function(){void 0!==e.defaultValue&&(xe(e.defaultValue),Le(e.defaultValue))}),[]),(0,r.useEffect)((function(){A!==ge&&we(A)}),[A]),(0,r.useEffect)((function(){void 0!==T&&(xe(T),Le(T))}),[T]),(0,r.useEffect)((function(){fe(""===pe||void 0===pe)}),[pe]),(0,r.useEffect)((function(){W&&Se(he)}),[he,W]),(0,r.useEffect)((function(){return je?window.addEventListener("keydown",Te):window.removeEventListener("keydown",Te),function(){window.removeEventListener("keydown",Te)}}),[je]);var _e,Le=function(e){qe&&qe.current&&(qe.current.value=e,qe.current.setAttribute("value",e))},Ie=function(){y||(fe(!1),(qe&&qe.current).focus())},Fe=function(e){var t=e.selectDom,n=e.keyCode,i=e.currentDom,r="nextSibling",o=".text-field-select-content-item";38===n&&(r="previousSibling",o=".text-field-select-content-item:last-child"),i?(i=i[r])||(i=t.querySelector(o)):i=t.querySelector(".text-field-select-content-item"),i&&(i.classList.add("text-field-select-content-item-keydown"),Re(i,t))},Re=function(e,t){var n=t.clientHeight,i=e.offsetTop+e.clientHeight-n;t.scrollTop=i>0?i:0},Te=function(e){var t=document.querySelector("."+de),n=null,i=t.querySelector(".text-field-select-content-item-keydown");if(13===e.keyCode&&i){var r=i.dataset.val;Je(JSON.parse(r))(e),(qe&&qe.current).blur()}i&&(n=i,i.classList.remove("text-field-select-content-item-keydown")),40===e.keyCode&&Fe({selectDom:t,keyCode:e.keyCode,currentDom:n}),38===e.keyCode&&Fe({selectDom:t,keyCode:e.keyCode,currentDom:n})},De=function(e){me(!1),""===e.target.value&&fe(!0),X&&X(e)},Ue=function(e){ke(!0),W&&W(e,(function(e){Me(e||[]),ke(!1)}))},ze=function(e){me(!0),Z&&Z(e),Ue(e.target.value)},Ae=function(t){var n=t.target.value;J&&void 0!==n&&""!==n&&n.toString().length>J||(void 0===e.value&&(xe(n),Le(n)),ee&&ee(t),Ue(t.target.value))},Be=function(e){13===e.keyCode&&ie&&ie(e),te&&te(e)},He=function(e){ne&&ne(e)},Ke=function(e){"password"===A&&("text"===ge&&we("password"),"password"===ge&&we("text")),B&&B(e)},Ve=function(){Se(!1)},Je=function(e){return function(t){ae&&ae(e)}},We=(0,r.useMemo)((function(){return(0,i.jsx)(i.Fragment,{children:void 0!==J&&(0,i.jsx)("span",x({className:"length-limit"},{children:(pe?pe.toString().length:0)+"/"+J}),void 0)},void 0)}),[J,pe]),$e=(0,r.useMemo)((function(){var e=H||("password"===A?"password"===ge?(0,i.jsx)(c(),{},void 0):(0,i.jsx)(d(),{},void 0):null);return(0,i.jsx)(i.Fragment,{children:V&&e&&(0,i.jsx)("span",x({className:"right-icon",onClick:Ke},{children:e}),void 0)},void 0)}),[V,H,A,ge]),Ye=(0,r.useMemo)((function(){return(0,i.jsxs)("div",x({className:"text-field-content-within",ref:Ee},{children:[(0,i.jsxs)("div",x({className:"text-field-content-within-input"},{children:[S?(0,i.jsx)("textarea",x({ref:qe,rows:P,onBlur:De,onFocus:ze,onChange:Ae,onKeyDown:Be,onKeyUp:He,disabled:y},le),void 0):(0,i.jsx)("input",x({ref:qe,type:ge,onBlur:De,onFocus:ze,onChange:Ae,onKeyDown:Be,onKeyUp:He,disabled:y},le),void 0),ce&&(0,i.jsx)("span",x({className:"text-field-label-placeholder",onClick:Ie},{children:"outside"===f?m:(0,i.jsxs)(i.Fragment,{children:[g||m,O&&(0,i.jsx)("span",x({className:"text-field-required"},{children:"*"}),void 0),k&&(0,i.jsx)("span",{children:k},void 0)]},void 0)}),void 0)]}),void 0),We,$e]}),void 0)}),[ce,U,ge,pe,We,$e,f,m,g,y,S,P,le,ee,W]),Ge=(0,r.useMemo)((function(){var e;return(0,i.jsxs)("div",x({className:(e="text-field-select-content",Oe&&(e+=" text-field-select-content-loading"),de&&(e+=" "+de),e),style:{width:(Ee&&Ee.current?Ee.current.offsetWidth:0)+"px"}},{children:[Pe&&Pe.map((function(e,t){return(0,i.jsx)("div",x({className:"text-field-select-content-item",onMouseDown:Je(e),"data-val":JSON.stringify(e)},{children:Y?Y(e):(0,i.jsx)(a.default,{children:e[Q]},void 0)}),t)})),Oe&&(0,i.jsx)("div",x({className:"loading-box"},{children:(0,i.jsx)(s(),{},void 0)}),void 0)]}),void 0)}),[Ee,je,Pe,Y,Q,ae,Oe,de]),Qe=(0,r.useMemo)((function(){return(0,i.jsx)(o.Tooltip,x({open:je,title:Ge,onClose:Ve,interactive:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,arrow:!0,classes:{popper:(e="paraui-text-field-select",l&&(e+=" paraui-text-field-select-"+l),$&&(e+=" "+$),e)}},{children:Ye}),void 0);var e}),[ce,U,ge,pe,We,$e,f,m,g,y,S,P,le,ee,W,ae,Ee,je,$,l]),Xe=(0,r.useMemo)((function(){var e=Boolean(O||k||g);return(0,i.jsx)(i.Fragment,{children:"outside"===f&&e&&(0,i.jsxs)("label",x({className:"text-field-label"},{children:[g,O&&(0,i.jsx)("span",x({className:"text-field-required"},{children:"*"}),void 0),k&&(0,i.jsx)("span",{children:k},void 0)]}),void 0)},void 0)}),[f,g,k,O]);return(0,i.jsxs)("div",x({className:(_e="paraui-text-field",_e+=" text-field",l&&!S&&(_e+=" text-field-"+l),t&&(_e+=" "+t),q&&(_e+=" text-field-error"),he&&(_e+=" text-field-focus"),y&&(_e+=" text-field-disabled"),S&&(_e+=" text-field-multiline"),_e)},{children:[Xe,(0,i.jsxs)("div",x({className:"text-field-content"},{children:[I&&(0,i.jsx)("div",x({className:"text-field-content-before",onClick:function(e){re&&re(e)}},{children:I}),void 0),W?Qe:Ye,R&&(0,i.jsx)("div",x({className:"text-field-content-after",onClick:function(e){oe&&oe(e)}},{children:R}),void 0)]}),void 0),_&&(0,i.jsx)("p",x({className:"text-field-error-text"},{children:_}),void 0)]}),void 0)}},1731:function(e){"use strict";e.exports=o},6028:function(e){"use strict";e.exports=n},1102:function(e){"use strict";e.exports=d},3277:function(e){"use strict";e.exports=i},5191:function(e){"use strict";e.exports=r},6570:function(e){"use strict";e.exports=l},8528:function(e){"use strict";e.exports=a},3616:function(e){"use strict";e.exports=t},3475:function(e){"use strict";e.exports=u},9297:function(t){"use strict";t.exports=e}},f={};function s(e){var t=f[e];if(void 0!==t)return t.exports;var n=f[e]={id:e,exports:{}};return c[e](n,n.exports,s),n.exports}s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return function(){"use strict";s.r(p),s.d(p,{InputNumber:function(){return b}});var e=s(7712),t=s(9297),n=s(3616),i=s.n(n),r=s(6028),o=s.n(r),a=s(3277),l=s.n(a),d=s(5191),u=s.n(d),c=s(3672),f=(s(5107),function(){return f=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},f.apply(this,arguments)}),x=function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n};var b=function(n){var r=n.className,a=(n.defaultValue,n.value),d=n.size,s=void 0===d?"large":d,p=n.btnMode,b=void 0===p?"tb":p,h=n.disabled,m=void 0!==h&&h,v=n.disabledStr,g=n.disabledAdd,w=void 0!==g&&g,y=n.disabledReduce,j=void 0!==y&&y,S=n.onChange,N=n.step,O=void 0===N?1:N,k=n.onKeydown,C=n.onEnter,P=x(n,["className","defaultValue","value","size","btnMode","disabled","disabledStr","disabledAdd","disabledReduce","onChange","step","onKeydown","onEnter"]),M=(0,t.useState)(),q=M[0],E=M[1];(0,t.useEffect)((function(){void 0!==n.defaultValue&&E(n.defaultValue)}),[]),(0,t.useEffect)((function(){void 0!==a&&E(a)}),[a]);var _,L=function(e){if(!m&&!w){var t=function(e,t){var n,i,r,o;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{i=t.toString().split(".")[1].length}catch(e){i=0}if(o=Math.abs(n-i),r=Math.pow(10,Math.max(n,i)),o>0){var a=Math.pow(10,o);n>i?(e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""))*a):(e=Number(e.toString().replace(".",""))*a,t=Number(t.toString().replace(".","")))}else e=Number(e.toString().replace(".","")),t=Number(t.toString().replace(".",""));return(e+t)/r}(Number(q||""),O);void 0===n.value&&E(t),S&&S(t,e)}},I=function(e){if(!m&&!j){var t=Number(function(e,t){var n,i,r;isNaN(e)&&(e=0),isNaN(t)&&(t=0),e=Number(e),t=Number(t);try{n=e.toString().split(".")[1].length}catch(e){n=0}try{i=t.toString().split(".")[1].length}catch(e){i=0}return((e*(r=Math.pow(10,Math.max(n,i)))-t*r)/r).toFixed(n>=i?n:i)}(Number(q||""),O));void 0===n.value&&E(t),S&&S(t,e)}};return(0,e.jsx)("div",f({className:(_="paraui-input-number",r&&(_+=" "+r),s&&(_+=" input-number-"+s),m&&(_+=" input-number-disabled"),w&&(_+=" input-number-disabled-add"),j&&(_+=" input-number-disabled-reduce"),b&&(_+=" input-number-"+b),_)},{children:(0,e.jsx)(c.default,f({},P,{step:O,value:void 0===q?"":q,type:"number",size:s,disabled:m,addonAfter:function(){if(!m)return"tb"===b?(0,e.jsxs)("div",f({className:"tb-btn"},{children:[(0,e.jsx)("span",f({className:"tb-btn-top",onClick:L},{children:(0,e.jsx)(i(),{},void 0)}),void 0),(0,e.jsx)("span",f({className:"tb-btn-bottom",onClick:I},{children:(0,e.jsx)(o(),{},void 0)}),void 0)]}),void 0):"lr"===b?(0,e.jsx)("span",f({className:"reduce-btn",onClick:I},{children:(0,e.jsx)(l(),{},void 0)}),void 0):void 0}(),addonBefore:function(){if(!m&&"tb"!==b)return"lr"===b?(0,e.jsx)("span",f({className:"add-btn",onClick:L},{children:(0,e.jsx)(u(),{},void 0)}),void 0):void 0}(),onChange:function(e){var t=e.target.value;void 0===n.value&&E(t),S&&S(t,e)},onKeyDown:function(e){if(v)for(var t=0,n=v.length;t<n;t++){var i=v[t];e.key===i&&e.preventDefault()}13===e.keyCode&&C&&C(e),k&&k(e)}}),void 0)}),void 0)};p.default=b}(),p}()}));
@@ -1,8 +1,8 @@
1
1
  /**
2
- * @author linhd
3
- * @date 2021/8/10 15:26
4
- * @description 尾部展开
5
- */
2
+ * @author linhd
3
+ * @date 2021/8/10 15:26
4
+ * @description 尾部展开
5
+ */
6
6
  import { FunctionComponent } from 'react';
7
7
  import { FooterExpansionProps } from './interface';
8
8
  export declare const FooterExpansion: FunctionComponent<FooterExpansionProps>;
package/Menu/index.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  /**
2
- * @author linhd
3
- * @date 2021/8/10 16:34
4
- * @description 菜单
5
- */
2
+ * @author linhd
3
+ * @date 2021/8/10 16:58
4
+ * @description 竖向菜单list
5
+ */
6
6
  import { FunctionComponent } from 'react';
7
7
  import { MenuProps } from './interface';
8
+ import './index.scss';
8
9
  export declare const Menu: FunctionComponent<MenuProps>;
9
10
  export default Menu;
package/Menu/index.js CHANGED
@@ -1,10 +1,9 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core/styles"),require("react-dom"),require("@material-ui/core"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("@para-ui/icons/More"),require("para-lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):"function"==typeof define&&define.amd?define(["react","@material-ui/core/styles","react-dom","@material-ui/core","@para-ui/icons/LoadingF","@para-ui/icons/Down","@para-ui/icons","@para-ui/icons/More","para-lib","@para-ui/icons/IndentRightFill","@para-ui/icons/IndentLeftFill"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core/styles"),require("react-dom"),require("@material-ui/core"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("@para-ui/icons/More"),require("para-lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):e.ParaUI=o(e.react,e["@material-ui/core/styles"],e["react-dom"],e["@material-ui/core"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Down"],e["@para-ui/icons"],e["@para-ui/icons/More"],e["para-lib"],e["@para-ui/icons/IndentRightFill"],e["@para-ui/icons/IndentLeftFill"])}(self,(function(e,o,n,t,i,r,a,l,s,c,u){return function(){"use strict";var p={4927:function(e,o,n){function t(e){var o,n,i="";if("string"==typeof e||"number"==typeof e)i+=e;else if("object"==typeof e)if(Array.isArray(e))for(o=0;o<e.length;o++)e[o]&&(n=t(e[o]))&&(i&&(i+=" "),i+=n);else for(o in e)e[o]&&(i&&(i+=" "),i+=o);return i}function i(){for(var e,o,n=0,i="";n<arguments.length;)(e=arguments[n++])&&(o=t(e))&&(i&&(i+=" "),i+=o);return i}n.d(o,{Z:function(){return i}})},4126:function(e){
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom"),require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("para-lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):"function"==typeof define&&define.amd?define(["react","react-dom","@material-ui/core","@para-ui/icons/Down","@para-ui/icons","para-lib","@para-ui/icons/IndentRightFill","@para-ui/icons/IndentLeftFill"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("react-dom"),require("@material-ui/core"),require("@para-ui/icons/Down"),require("@para-ui/icons"),require("para-lib"),require("@para-ui/icons/IndentRightFill"),require("@para-ui/icons/IndentLeftFill")):e.ParaUI=t(e.react,e["react-dom"],e["@material-ui/core"],e["@para-ui/icons/Down"],e["@para-ui/icons"],e["para-lib"],e["@para-ui/icons/IndentRightFill"],e["@para-ui/icons/IndentLeftFill"])}(self,(function(e,t,i,n,r,o,a,l){return function(){var m={3264:function(e,t,i){(t=i(9937)(!1)).push([e.id,".paraui-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.paraui-vertical-menu>.paraui-logo{width:100%;display:inline-block;padding:24px 24px 0 24px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;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:44px 24px;position:relative}.paraui-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;height:44px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.scroll-top>svg{cursor:pointer;transform:rotate(180deg);font-size:24px}.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:16px}.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:44px;line-height:44px;cursor:pointer;display:flex;border-radius:8px}.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:20px}.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:18px;width:100%;white-space:nowrap;font-width: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:20px;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:20px;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:16px}.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:44px;display:flex;justify-content:center;align-items:center}.paraui-vertical-menu>.vertical-menu-list>.scroll-bottom>svg{cursor:pointer;font-size:24px}.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;line-height:40px}.paraui-vertical-menu>.paraui-footer-expansion>svg{font-size:24px;cursor:pointer;margin-left:20px}.paraui-vertical-menu>.paraui-footer-expansion>.version{margin-left:16px;font-size:16px}.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:20px}.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:44px;height:44px;line-height:44px;display:flex;justify-content:center;align-items:center;border-radius:8px}.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 .vertical-menu-item-popper,.paraui-vertical-menu-item-popper.vertical-menu-item-popper{padding-left:8px;z-index:10}.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,0.4);border-radius:8px;padding:8px 0}.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:after,.paraui-vertical-menu-item-popper.vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item:after{position:absolute;left:-5px;top:0;width:100%;height:40px;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,.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>.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}.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:white}.paraui-vertical-menu-deep>.paraui-logo svg{color:white}.paraui-vertical-menu-deep>.vertical-menu-list>.scroll-top>svg,.paraui-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>svg{color:white}.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:white}.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:white}.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:white}.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>.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-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>.menu-item-label{font-weight:700}.paraui-vertical-menu-deep>.paraui-footer-expansion>svg{color:white}.paraui-vertical-menu-deep>.paraui-footer-expansion>svg:hover{color:#3666d6}.paraui-vertical-menu-deep>.paraui-footer-expansion>.version{color:rgba(248,249,251,0.8)}.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:white}.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:white}.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, #f1f1f4, #f3f3f3)}.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,0.701961)}.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:white}.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,0.701961)}.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,0.701961)}.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,0.701961)}.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:white}.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,0.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{font-weight:700;color:rgba(54,102,214,0.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,0.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{font-weight:700;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,0.701961)}.paraui-vertical-menu-light>.paraui-footer-expansion>svg:hover{color:#3666d6}.paraui-vertical-menu-light>.paraui-footer-expansion>.version{color:rgba(46,55,67,0.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:white}.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,0.701961)}.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,0.701961)}.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:white;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:white;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 .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:white}.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:#223e67}.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:white}.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:white}.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:white}.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-select>.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-select>.menu-item-popper-content-item-content>.menu-item-label{font-weight:700}.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:white;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,0.121569)}.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}\n",""]),e.exports=t},9937: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=(a=n,l=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),m="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(m," */")),o=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[i].concat(o).concat([r]).join("\n")}var a,l,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 a=this[o][0];null!=a&&(r[a]=!0)}for(var l=0;l<e.length;l++){var m=[].concat(e[l]);n&&r[m[0]]||(i&&(m[2]?m[2]="".concat(i," and ").concat(m[2]):m[2]=i),t.push(m))}},t}},4126:function(e){"use strict";
2
2
  /*
3
3
  object-assign
4
4
  (c) Sindre Sorhus
5
5
  @license MIT
6
- */
7
- var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function i(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 o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(e){return o[e]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(e){t[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var a,l,s=i(e),c=1;c<arguments.length;c++){for(var u in a=Object(arguments[c]))n.call(a,u)&&(s[u]=a[u]);if(o){l=o(a);for(var p=0;p<l.length;p++)t.call(a,l[p])&&(s[l[p]]=a[l[p]])}}return s}},9524:function(e,o,n){
6
+ */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 a,l,m=r(e),c=1;c<arguments.length;c++){for(var p in a=Object(arguments[c]))i.call(a,p)&&(m[p]=a[p]);if(t){l=t(a);for(var u=0;u<l.length;u++)n.call(a,l[u])&&(m[l[u]]=a[l[u]])}}return m}},9524:function(e,t,i){"use strict";
8
7
  /** @license React v17.0.2
9
8
  * react-jsx-runtime.production.min.js
10
9
  *
@@ -12,5 +11,4 @@ var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.pr
12
11
  *
13
12
  * This source code is licensed under the MIT license found in the
14
13
  * LICENSE file in the root directory of this source tree.
15
- */
16
- n(4126);var t=n(9297),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),o.Fragment=r("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,o,n){var t,r={},c=null,u=null;for(t in void 0!==n&&(c=""+n),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(u=o.ref),o)l.call(o,t)&&!s.hasOwnProperty(t)&&(r[t]=o[t]);if(e&&e.defaultProps)for(t in o=e.defaultProps)void 0===r[t]&&(r[t]=o[t]);return{$$typeof:i,type:e,key:c,ref:u,props:r,_owner:a.current}}o.jsx=c,o.jsxs=c},7712:function(e,o,n){e.exports=n(9524)},5794:function(e,o,n){var t=n(7712),i=n(9297),r=n(1731),a=n(8604),l=n(4927),s=n(1102),c=n.n(s),u=n(853),p=function(){return p=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},p.apply(this,arguments)},m=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n},d=(0,u.Z)(),v=(0,a.makeStyles)((function(e){return(0,a.createStyles)({"@keyframes loadingCircle":{"100%":{transform:"rotate(1turn)"}},radius:{borderRadius:15},btnIcon:{"& .btn-icon":{display:"inline-flex",alignItems:"center"},"& .btn-icon svg":{color:"currentColor"}},outlinedBtn:{"& .btn-icon svg":{color:d.thmemColor.primary},"&:disabled":{"& .btn-icon svg":{color:"currentColor"}}},iconButtonToolTip:{display:"inline-block",cursor:"not-allowed","& .iconButton-disabled":{cursor:"not-allowed",pointerEvents:"none"}},loadingBtn:{position:"relative",pointerEvents:"none","&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:1,transition:"opacity .2s",pointerEvents:"none"},"& .loading-icon":{animation:"$loadingCircle 1s infinite linear"}}})})),h=(0,a.withStyles)((function(e){return{tooltip:{margin:"6px 0",backgroundColor:d.bgBorderColor.bg4}}}))(r.Tooltip),g=function(e){var o=v(),n=e.radius,a=e.className,s=e.disabled,u=void 0!==s&&s,d=e.children,h=e.startIcon,g=e.endIcon,f=e.loading,x=void 0!==f&&f,b=m(e,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===b.variant&&(b.disableRipple=!0);var y=(0,i.useState)(!1),j=y[0],C=y[1];return(0,i.useEffect)((function(){C(!!x)}),[x]),(0,t.jsx)(r.Button,p({disabled:u,className:(0,l.Z)("paraui-button",a,o.btnIcon,n&&o.radius,"outlined"===b.variant&&o.outlinedBtn,j&&o.loadingBtn),startIcon:function(){if(!j)return(0,t.jsx)("span",p({className:"btn-icon"},{children:h}),void 0);if("object"==typeof x){var e=x.delay||0;setTimeout((function(){return C(!1)}),e)}return(0,t.jsx)("span",p({className:"btn-icon loading-icon"},{children:(0,t.jsx)(c(),{},void 0)}),void 0)}(),endIcon:(0,t.jsx)("span",p({className:"btn-icon"},{children:g}),void 0)},b,{children:d}),void 0)};g.IconButton=function(e){var o=v(),n=e.showToolTip,a=void 0===n||n,s=e.toolTipTitle,u=void 0===s?"":s,d=e.children,g=e.className,f=e.disabled,x=void 0!==f&&f,b=e.loading,y=void 0!==b&&b,j=e.TooltipProps,C=m(e,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),w=(0,i.useState)(!1),S=w[0],N=w[1],k=(0,t.jsx)(r.IconButton,p({},C,{disabled:x,disableRipple:!0,className:(0,l.Z)("paraui-icon-button",g,a&&x&&"iconButton-disabled",S&&o.loadingBtn)},{children:function(){if(!S)return d;if("object"==typeof y){var e=y.delay||0;setTimeout((function(){return N(!1)}),e)}return(0,t.jsx)("span",p({className:"loading-icon"},{children:(0,t.jsx)(c(),{},void 0)}),void 0)}()}),void 0);return(0,i.useEffect)((function(){N(!!y)}),[y]),a?(0,t.jsx)(h,p({title:u},j,{children:(0,t.jsx)("span",p({className:(0,l.Z)(x&&o.iconButtonToolTip)},{children:k}),void 0)}),void 0):k},o.default=g},853:function(e,o){var n={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};o.Z=function(){return n}},1731:function(e){e.exports=t},8604:function(e){e.exports=o},1609:function(e){e.exports=a},6028:function(e){e.exports=r},9387:function(e){e.exports=u},5295:function(e){e.exports=c},1102:function(e){e.exports=i},6090:function(e){e.exports=l},3475:function(e){e.exports=s},9297:function(o){o.exports=e},2268:function(e){e.exports=n}},m={};function d(e){var o=m[e];if(void 0!==o)return o.exports;var n=m[e]={exports:{}};return p[e](n,n.exports,d),n.exports}d.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(o,{a:o}),o},d.d=function(e,o){for(var n in o)d.o(o,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},d.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return function(){d.r(v),d.d(v,{Menu:function(){return de},default:function(){return ve}});var e=d(7712),o=d(9297),n=d.n(o),t=d(8604),i=d(853),r=function(){return r=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},r.apply(this,arguments)},a=(0,i.Z)(),l=(0,t.makeStyles)((function(){return(0,t.createStyles)({logo:{width:"100%",display:"inline-block","& > .logo-content":{display:"inline-block",textAlign:"center",whiteSpace:"nowrap",width:"100%","& > img":{marginRight:"10px",width:"auto",verticalAlign:"top"},"& > span":{whiteSpace:"nowrap",fontWeight:"700",fontSize:"18px",color:"white",verticalAlign:"top",display:"inline-block"}},"&.logo-split":{padding:"12px 20px 0 20px","& > .logo-content":{backgroundColor:a.thmemColor.primary,borderRadius:a.borderRadius,padding:"7px 10px","& > img":{height:"24px"},"& > span":{height:"24px",lineHeight:"24px"}}},"&.logo-full":{"& > .logo-content":{backgroundColor:a.thmemColor.primary,padding:"10px 0","& > img":{height:"30px"},"& > span":{height:"30px",lineHeight:"30px"}}},"&.logo-shrink":{"&.logo-split":{padding:"0","& > .logo-content":{padding:"13px 0",borderRadius:"0","& > img":{marginRight:"0"}}},"&.logo-full":{"& > .logo-content":{"& > img":{marginRight:"0"}}}}}})})),s=function(o){var n,t=o.mode,i=void 0===t?"split":t,a=o.expansion,s=void 0===a||a,c=o.img,u=o.title,p=o.customizeContent,m=o.className,d=l(o);return(0,e.jsx)("div",r({className:(n=d.logo,n+=" logo",m&&(n+=" "+m),i&&(n+=" logo-"+i),s||(n+=" logo-shrink"),n)},{children:p||(0,e.jsxs)("div",r({className:"logo-content"},{children:[c&&(0,e.jsx)("img",{src:c},void 0),s&&u&&(0,e.jsx)("span",{children:u},void 0)]}),void 0)}),void 0)},c=d(2268),u=d(5794),p=d(1731),m=function(){return m=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},m.apply(this,arguments)},h=(0,i.Z)(),g=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-meun-right":{height:"100%",display:"flex","& > .back-btn":{padding:"0 15px",height:"100%",display:"flex",alignItems:"center","& > button":{width:"100%",whiteSpace:"nowrap",boxShadow:"none",padding:"0 10px 0 14px","& svg":{color:"white"}}},"& > .language":{height:"100%","& .language-item":{display:"flex",padding:"0 15px",cursor:"pointer",alignItems:"center",height:"100%",position:"relative","&:after":{position:"absolute",left:"0",top:"0",content:'""',zIndex:1},"&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:h.thmemColor.primary}}},"& > .language-item-icon":{width:"16px",marginRight:"5px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .language-item-label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"}},"& > .li-collapse":{"& .language-item":{paddingLeft:"30px","&.language-item-select":{"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:h.thmemColor.primary}}}}},"&.language-select":{"& .language-item":{backgroundColor:h.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary}}}},"& > .btn-list":{display:"flex",height:"100%","& > .btn-list-item":{display:"flex",padding:"0 15px",cursor:"pointer",alignItems:"center","&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .btn-list-item-label":{color:h.thmemColor.primary}},"& > .btn-list-item-icon":{width:"16px",marginRight:"5px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}}},"& > .btn-list-item-label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"}}},"& > .logo":{display:"flex",padding:"0 15px",alignItems:"center",height:"100%","& > img":{height:"30px",width:"auto"},"& > span":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"700",whiteSpace:"nowrap",marginLeft:"10px"}}},"menu-popover":{paddingTop:"5px",zIndex:10,"& > .menu-popover-box":{boxShadow:h.boxShadow,borderRadius:h.borderRadius,backgroundColor:"white",color:h.textColor.primary,"& > .menu-popover-item":{width:"140px",height:"30px",padding:"0 10px",display:"flex",alignItems:"center",cursor:"pointer","&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .icon":{"& > svg":{color:h.thmemColor.primary}},"& > .label":{color:h.thmemColor.primary}},"& > .icon":{marginRight:"10px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative"}},"& > .label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left"},"&.menu-popover-item-select":{"& > .icon":{"& > svg":{color:h.thmemColor.primary}},"& > .label":{color:h.thmemColor.primary}}}}}})})),f=function(o){var n,t=o.backSelfcare,i=void 0===t?{}:t,r=o.customize,a=o.onClick,l=o.className,s=function(e){a&&a(e)};return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",m({className:(n="back-btn",l&&(n+=" "+l),n)},{children:(0,e.jsx)(u.default,m({startIcon:i.icon,variant:"contained",onClick:s},{children:i.label}),void 0)}),void 0)},void 0)},x=function(n){var t=g(n),i=n.language,r=void 0===i?[]:i,a=n.selectLang,l=void 0===a?"":a,s=n.onClick,u=n.expansion,d=void 0===u||u,v=n.className,h=n.customize,f=(0,o.useState)(!1),x=f[0],b=f[1],y=(0,o.useState)({}),j=y[0],C=y[1],w=(0,o.useState)({}),S=w[0],N=w[1],k=(0,o.useState)(!1),z=k[0],M=k[1],F=(0,o.useState)(null),O=F[0],E=F[1],T=(0,o.useState)({})[0];(0,o.useEffect)((function(){var e=j[l]||{};N(e)}),[l,j]),(0,o.useEffect)((function(){for(var e={},o=0,n=r.length;o<n;o++){var t=r[o];t.value&&(e[t.value]=t)}C(e)}),[r]);var P,I=function(e){return function(){s&&s(e.value,e),b(!1),M(!1)}},L=function(e){T.timer=setTimeout((function(){M(!1),E(null)}),100)},B=function(e){return function(o){clearTimeout(T.timer),M(!0),e&&E(o.target)}},R=(0,o.useMemo)((function(){return(0,e.jsx)("div",m({className:"language-item",onMouseLeave:L,onMouseEnter:B(!0)},{children:(0,e.jsxs)(e.Fragment,{children:[S.icon&&(0,e.jsx)("span",m({className:"language-item-icon"},{children:S.icon}),void 0),(0,e.jsx)("span",m({className:"language-item-label"},{children:S.label}),void 0)]},void 0)}),void 0)}),[d,S,r,x,T]),A=(0,o.useMemo)((function(){var o=function(e){var o="menu-popover-item";return e.value===S.value&&(o+=" menu-popover-item-select"),o};return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,m({open:z,anchorEl:O,disablePortal:!0,placement:"bottom-end",onMouseLeave:L,onMouseEnter:B(!1),className:(n=t["menu-popover"],n+=" menu-popover")},{children:(0,e.jsx)("div",m({className:"menu-popover-box"},{children:r.map((function(n,t){return(0,e.jsxs)("div",m({className:o(n),onClick:I(n)},{children:[n.icon&&(0,e.jsx)("span",m({className:"icon"},{children:n.icon}),void 0),(0,e.jsx)("span",m({className:"label"},{children:n.label}),void 0)]}),t)}))}),void 0)}),void 0);var n}),{},void 0),document.getElementsByTagName("body")[0])}),[r,S,t,z,O,T,s]);return(0,e.jsx)(e.Fragment,{children:h||(0,e.jsxs)("div",m({className:(P="language",v&&(P+=" "+v),z&&(P+=" language-select"),P)},{children:[R,z&&A]}),void 0)},void 0)},b=function(n){var t,i=n.list,r=void 0===i?[]:i,a=n.expansion,l=void 0===a||a,s=n.customize,c=n.className,u=n.onClick,p=function(e){return function(o){u&&u(e,o)}},d=(0,o.useMemo)((function(){var o=function(o){return l?(0,e.jsxs)(e.Fragment,{children:[o.icon&&(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",m({className:"btn-list-item-label"},{children:o.label}),void 0)]},void 0):o.icon?(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.icon}),void 0):o.label?"string"==typeof o.label?(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.label[0]}),void 0):(0,e.jsx)("span",m({className:"btn-list-item-label"},{children:o.label}),void 0):void 0};return(0,e.jsx)(e.Fragment,{children:r.map((function(n,t){return(0,e.jsx)("div",m({className:"btn-list-item",onClick:p(n)},{children:o(n)}),t)}))},void 0)}),[r,l]);return(0,e.jsx)(e.Fragment,{children:s||(0,e.jsx)("div",m({className:(t="btn-list",c&&(t+=" "+c),l||(t+=" btn-list-shrink"),t)},{children:d}),void 0)},void 0)},y=function(o){var n,t=o.user,i=void 0===t?{}:t,r=o.customize,a=o.className,l=o.onClick;return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",m({className:(n="logo",a&&(n+=" "+a),n),onClick:function(e){l&&l(e)}},{children:(0,e.jsxs)(e.Fragment,{children:[i.img&&(0,e.jsx)("img",{src:i.img,alt:""},void 0),i.label&&(0,e.jsx)("span",{children:i.label},void 0)]},void 0)}),void 0)},void 0)},j=function(n){var t,i=g(n),r=n.className,a=void 0===r?"":r,l=n.expansion,s=void 0===l||l,c=n.backSelfcareProps,u=n.languageProps,p=n.btnListProps,d=n.userProps,v=n.customize,h=(0,o.useMemo)((function(){return c&&(0,e.jsx)(f,m({},c,{expansion:s}),void 0)}),[c,s]),j=(0,o.useMemo)((function(){return u&&(0,e.jsx)(x,m({},u,{expansion:s}),void 0)}),[u,s]),C=(0,o.useMemo)((function(){return p&&(0,e.jsx)(b,m({},p,{expansion:s}),void 0)}),[p,s]),w=(0,o.useMemo)((function(){return d&&(0,e.jsx)(y,m({},d,{expansion:s}),void 0)}),[d,s]);return(0,e.jsx)(e.Fragment,{children:v||(0,e.jsxs)("div",m({className:(t=i["horizontal-meun-right"],a&&(t+=" "+a),t)},{children:[h,j,C,w]}),void 0)},void 0)},C=d(6028),w=d.n(C),S=d(1609),N=d(6090),k=d.n(N),z=d(3475),M=function(){return M=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},M.apply(this,arguments)},F=function(e,o,n){if(n||2===arguments.length)for(var t,i=0,r=o.length;i<r;i++)!t&&i in o||(t||(t=Array.prototype.slice.call(o,0,i)),t[i]=o[i]);return e.concat(t||Array.prototype.slice.call(o))},O=(0,i.Z)(),E=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-menu-list":{height:"100%",width:"100%",lineHeight:"0",overflow:"hidden","& > .horizontal-menu-list-item":{padding:"0 20px",height:"100%",display:"flex",alignItems:"center",cursor:"pointer",position:"relative",whiteSpace:"nowrap",float:"left","&:after":{position:"absolute",left:"0",top:"0",content:'""',zIndex:1},"&:hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"& > .menu-item-icon":{"& > svg":{fontSize:"16px",color:O.textColor.primary,marginRight:"5px"}},"& > .menu-item-label":{fontSize:"12px",color:O.textColor.primary,whiteSpace:"nowarp"},"& > .menu-item-arrow":{"& > svg":{fontSize:"16px",transition:"all .3s",color:O.textColor.primary,marginLeft:"2px"}},"&.horizontal-menu-list-item-select":{"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"&.horizontal-menu-list-item-hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}}}},"menu-item-popper":{paddingTop:"5px","& > .menu-item-popper-content":{"& > .menu-item-popper-content-item":{"&:first-child:after":{width:"100%",height:"100%",content:'""',position:"absolute",left:"0",top:"-5px",zIndex:-1}}},"& .menu-item-popper, &.menu-item-popper":{zIndex:10,"& > .menu-item-popper-content":{boxShadow:O.boxShadow,borderRadius:O.borderRadius,backgroundColor:"white",color:O.textColor.primary,"& > .menu-item-popper-content-item":{position:"relative","& > .menu-item-popper-content-item-content":{width:"140px",height:"30px",padding:"0 10px",display:"flex",cursor:"pointer",alignItems:"center","&:hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:O.textColor.primary,verticalAlign:"top",position:"relative","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:O.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:O.textColor.primary,verticalAlign:"top",position:"relative",transform:"rotate(270deg)","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-popper":{paddingLeft:"5px"}},"&.menu-item-popper-content-item-select":{"& > .menu-item-popper-content-item-content":{"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}}}}},"& .menu-item-popper":{position:"absolute",transform:"none !important",left:"100% !important",top:"0"}}}})})),T=function(n){var t=n.open,i=void 0!==t&&t,r=n.anchorEl,a=n.idMenuLast,l=n.selectMenu,s=void 0===l?"":l,u=n.onClickMenu,m=n.list,d=void 0===m?[]:m,v=n.onMouseEnter,h=n.onMouseLeave,g=n.level,f=void 0===g?1:g,x=n.className,b=(0,o.useState)(null),y=b[0],j=b[1],C=(0,o.useState)(null),N=C[0],k=C[1],z=(0,o.useState)([]),F=z[0],O=z[1],E=(0,o.useState)({})[0],P=function(e,o){return function(n){var t;t=n,clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===f&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=t.target;k(i),O(n),j(o)}),50)}},I=function(e){return function(o){e.children&&e.children.length>0||(u&&u(e),h&&h())}},L=function(e){var o="menu-item-popper-content-item",n=a&&a[s];return n&&-1!==n.indexOf(e.path)&&(o+=" menu-item-popper-content-item-select"),o},B=function(){var e="menu-item-popper";return x&&(e+=" "+x),e},R=(0,o.useCallback)((function(o,n){return(0,e.jsx)(e.Fragment,{children:o.children&&o.children.length>0&&y===n&&(0,e.jsx)(T,{open:y===n,anchorEl:N,list:F,idMenuLast:a,selectMenu:s,onClickMenu:u,onMouseEnter:v,onMouseLeave:h,level:f+1},void 0)},void 0)}),[y,N,F,a,s,u,v,h,f]),A=(0,o.useMemo)((function(){return(0,e.jsx)("div",M({className:"menu-item-popper-content"},{children:d.map((function(o,n){var t=function(e){var o=e.icon;if(o){var n=S[o];return n?n():o}}(o),i=function(o){var n=o.children;if(n&&n.length>0)return(0,e.jsx)(w(),{},void 0)}(o);return(0,e.jsx)("div",M({className:L(o),onMouseLeave:function(e){clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===f&&h&&h(),j(null),k(null),O([])}))},onMouseEnter:P(o,n)},{children:(0,e.jsxs)("div",M({className:"menu-item-popper-content-item-content",onClick:I(o)},{children:[t&&(0,e.jsx)("span",M({className:"menu-item-icon"},{children:t}),void 0),(0,e.jsx)("span",M({className:"menu-item-label"},{children:o.label}),void 0),i&&(0,e.jsx)("span",M({className:"menu-item-arrow"},{children:i}),void 0),R(o,n)]}),void 0)}),n)}))}),void 0)}),[d,u,y,N,F,a,s,u,v,h,f]),D=function(){return 1!==f?(0,e.jsx)("div",M({className:B()},{children:A}),void 0):(0,e.jsx)(p.Popper,M({open:i,anchorEl:r,disablePortal:!0,placement:"bottom-start",className:B()},{children:A}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===f?(0,c.createPortal)((0,e.jsx)(D,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(D,{},void 0)},void 0)},P=function(n){var t=n.list,i=void 0===t?[]:t,r=n.selectMenu,a=void 0===r?"":r,l=n.onClickMenu,s=n.className,c=n.moreCustomize,u=E(n),p=(0,o.useState)(!1),m=p[0],d=p[1],v=(0,o.useState)(null),h=v[0],g=v[1],f=(0,o.useState)(null),x=f[0],b=f[1],y=(0,o.useState)([]),j=y[0],C=y[1],N=(0,o.useState)(""),O=N[0],P=N[1],I=(0,o.useState)({}),L=I[0],B=I[1],R=(0,o.useState)({}),A=R[0],D=R[1],q=(0,o.useState)("horizontal-menu-list-"+(0,z.UUID)())[0],W=(0,o.useState)(null),_=W[0],H=W[1],Z=(0,o.useState)({})[0];(0,o.useEffect)((function(){a!==O&&P(a)}),[a]),(0,o.useEffect)((function(){return J(i),Y(),window.addEventListener("resize",Y),function(){window.removeEventListener("resize",Y)}}),[i]);var U,Y=function(){clearTimeout(Z.timerResize),G(),Z.timerResize=setTimeout((function(){H(i.length),$()}),100)},$=function(e){if(null!==e&&0!==e){void 0===e&&(e=i.length);var o=document.querySelector("."+q);if(o)if(o.scrollHeight>o.clientHeight){var n=Number(e)-1;H(n),$(n)}else i.length<=e&&G()}},G=function(){},J=function(e){var o={},n={},t={},i={},r=function(e,a,l){for(var s=0,c=e.length;s<c;s++){var u=e[s],p=u.path;o[p]=u;var m=void 0===l?s:l;if(a){var d=(0,z.DeepClone)(n[a.path]||[]);d.push(p),n[p]=F([],d,!0)}else n[p]=[p];u.children&&u.children.length>0?r(u.children,u,m):(t[p]=n[p],i[p]=m)}};r(e),D(i),B(t)},K=function(e,o){return function(n){clearTimeout(Z.leaveTimer);var t=[];e.children&&e.children.length>0&&(t=e.children),g(o),b(n.target),C(t),d(!0)}},Q=function(){d(!1),b(null),C([]),g(null)},V=function(){clearTimeout(Z.leaveTimer)},X=function(){Q()},ee=function(e){l&&l(e)},oe=function(e,o){var n=" horizontal-menu-list-item",t=L[O];return t&&-1!==t.indexOf(e.path)&&(n+=" horizontal-menu-list-item-select"),h===o&&(n+=" horizontal-menu-list-item-hover"),n},ne=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:m&&(0,e.jsx)(T,{open:m,anchorEl:x,list:j,idMenuLast:L,selectMenu:O,onClickMenu:ee,onMouseEnter:V,onMouseLeave:X,className:u["menu-item-popper"],level:1},void 0)},void 0)}),[m,x,j,L,O,l,Z]),te=function(e){clearTimeout(Z.leaveTimer);for(var o=[],n=Number(_),t=i.length;n<t;n++)o.push(i[n]);g(_),b(e.target),C(o),d(!0)},ie=function(){clearTimeout(Z.leaveTimer),Z.leaveTimer=setTimeout((function(){Q()}),100)},re=function(){var e=" horizontal-menu-list-item",o=A[O];return null!==_&&_<=o&&(e+=" horizontal-menu-list-item-select"),h===_&&(e+=" horizontal-menu-list-item-hover"),e};return(0,e.jsxs)("div",M({className:(U=u["horizontal-menu-list"],U+=" horizontal-menu-list",s&&(U+=" "+s),q&&(U+=" "+q),U)},{children:[i.map((function(o,n){if(null!==_&&_<=n)return null;var t=function(e){var o=e.icon;if(o){var n=S[o];return n?n():o}}(o),i=function(o){var n=o.children;if(n&&n.length>0)return(0,e.jsx)(w(),{},void 0)}(o);return(0,e.jsxs)("div",M({onClick:function(){ee(o)},onMouseEnter:K(o,n),onMouseLeave:function(e){clearTimeout(Z.leaveTimer),Z.leaveTimer=setTimeout((function(){Q()}),100)},className:oe(o,n)},{children:[t&&(0,e.jsx)("span",M({className:"menu-item-icon"},{children:t}),void 0),(0,e.jsx)("span",M({className:"menu-item-label"},{children:o.label}),void 0),i&&(0,e.jsx)("span",M({className:"menu-item-arrow"},{children:i}),void 0)]}),n)})),function(){if(null!==_&&i.length>_)return(0,e.jsx)("div",M({onMouseEnter:te,onMouseLeave:ie,className:re()},{children:c||(0,e.jsx)("span",M({className:"menu-item-icon"},{children:(0,e.jsx)(k(),{},void 0)}),void 0)}),void 0)}(),ne]}),void 0)},I=d(5295),L=d.n(I),B=d(9387),R=d.n(B),A=function(){return A=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},A.apply(this,arguments)},D=(0,i.Z)(),q=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-menu":{height:"50px",width:"100%",display:"flex",justifyContent:"space-between",boxShadow:D.boxShadow,"& > .horizontal-menu-left":{display:"flex",width:"100%","& > .logo":{width:"200px","&.logo-split":{paddingTop:"6px",paddingRight:"15px"},"&.logo-full":{marginRight:"15px"}},"& > .horizontal-expansion":{display:"flex",alignItems:"center",cursor:"pointer"},"& > .horizontal-menu-list-box":{width:"calc(100% - 200px)"}},"& > .horizontal-menu-right":{},"&.horizontal-menu-shrink":{"& > .horizontal-menu-left":{"& > .logo":{"&.logo-split":{padding:"0"}}},"&.horizontal-menu-logo-expansion":{"& > .horizontal-menu-left":{"& > .logo":{"&.logo-split":{padding:"6px 15px 0 20px"}}}}},"&.horizontal-menu-no-logo":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"100%"}}},"&.horizontal-menu-show-expansion":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 215px)"}}},"&.horizontal-menu-logo-full":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 215px)"}},"&.horizontal-menu-show-expansion":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 230px)"}}}}}})})),W=function(n){var t=n.logoProps,i=n.menuListProps,r=n.footerProps,a=n.expansion,l=void 0===a||a,c=n.onClickExpansion,u=n.selectMenu,p=n.onClickMenu,m=n.showExpansion,d=void 0!==m&&m,v=n.footerExpansionProps,h=n.className,g=q(n),f=(0,o.useState)(!0),x=f[0],b=f[1];(0,o.useEffect)((function(){l!==x&&b(l)}),[l]);var y,C=function(){c&&c(!x)},w=(0,o.useMemo)((function(){return n.logoProps&&t&&void 0===n.logoProps.expansion&&(t.expansion=!0),n.logoProps&&(0,e.jsx)(s,A({expansion:x},t),void 0)}),[x,t]),S=(0,o.useMemo)((function(){if(!d)return null;var o=v||{},n=o.customizeContent,t=o.expandIcon,i=o.shrinkIcon,r=o.className;if(n)return n;var a;return(0,e.jsx)("div",A({className:(a="horizontal-expansion",r&&(a+=" "+r),a)},{children:x?t||(0,e.jsx)(L(),{onClick:C},void 0):i||(0,e.jsx)(R(),{onClick:C},void 0)}),void 0)}),[x,c,d,v]),N=(0,o.useMemo)((function(){return n.menuListProps&&(0,e.jsx)("div",A({className:"horizontal-menu-list-box"},{children:(0,e.jsx)(P,A({},i,{expansion:x,selectMenu:u,onClickMenu:p}),void 0)}),void 0)}),[i,x,u,p]),k=(0,o.useMemo)((function(){return n.footerProps&&(0,e.jsx)(j,A({},r,{expansion:x}),void 0)}),[r,x]);return(0,e.jsxs)("div",A({className:(y=g["horizontal-menu"],y+=" paraui-horizontal-menu",h&&(y+=" "+h),x||(y+=" horizontal-menu-shrink"),t||(y+=" horizontal-menu-no-logo"),t&&t.expansion&&(y+=" horizontal-menu-logo-expansion"),t&&"full"===t.mode&&(y+=" horizontal-menu-logo-full"),d&&(y+=" horizontal-menu-show-expansion"),y)},{children:[(0,e.jsxs)("div",A({className:"horizontal-menu-left"},{children:[w,S,N]}),void 0),(0,e.jsx)("div",A({className:"horizontal-menu-right"},{children:k}),void 0)]}),void 0)},_=function(){return _=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},_.apply(this,arguments)},H=function(e,o,n){if(n||2===arguments.length)for(var t,i=0,r=o.length;i<r;i++)!t&&i in o||(t||(t=Array.prototype.slice.call(o,0,i)),t[i]=o[i]);return e.concat(t||Array.prototype.slice.call(o))},Z=(0,i.Z)(),U=(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-menu-list":{overflow:"hidden",height:"100%",padding:"30px 0",position:"relative","& > .scroll-top":{position:"absolute",top:"0",left:"0",width:"100%",height:"30px",textAlign:"center","& > svg":{color:Z.textColor.primary,cursor:"pointer",verticalAlign:"top",marginTop:"7px",transform:"rotate(180deg)","&:hover":{color:Z.thmemColor.primary}}},"& > .vertical-menu-list-box":{height:"100%",overflow:"hidden","& > .vertical-menu-list-box-srcoll":{transition:"all .3s","& .vertical-menu-list-item":{"& > .vertical-menu-list-item-content":{height:"40px",lineHeight:"40px",cursor:"pointer",display:"flex","&:hover":{backgroundColor:Z.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:Z.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}}},"&.vertical-menu-list-item-open":{backgroundColor:Z.bgBorderColor.bg2,"& > .vertical-menu-list-item-content":{"& > .menu-item-arrow":{"& > svg":{transform:"rotate(180deg)"}}}},"&.vertical-menu-list-item-select":{"& > .vertical-menu-list-item-content":{"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}}}},"& .vertical-menu-list-item-shrink":{height:"40px",lineHeight:"40px","&:hover":{"& > span":{color:Z.thmemColor.primary,backgroundColor:Z.bgBorderColor.line1,"& > svg":{color:Z.thmemColor.primary}}},"& > span":{display:"inline-block",width:"100%",height:"100%",color:Z.textColor.primary,textAlign:"center",fontSize:"12px",cursor:"pointer",position:"relative","&:after":{content:'""',position:"absolute",width:"100%",height:"100%",left:"0",top:"0",zIndex:1},"& > svg":{verticalAlign:"top",position:"relative",top:"12px",fontSize:"16px",color:Z.textColor.primary}},"&.vertical-menu-list-item-shrink-select":{"& > span":{color:Z.thmemColor.primary,"& > svg":{color:Z.thmemColor.primary}}},"&.vertical-menu-list-item-shrink-hover":{"& > span":{color:Z.thmemColor.primary,backgroundColor:Z.bgBorderColor.line1,"& > svg":{color:Z.thmemColor.primary}}}}}},"& > .scroll-bottom":{position:"absolute",bottom:"0",left:"0",width:"100%",height:"30px",textAlign:"center","& > svg":{color:Z.textColor.primary,cursor:"pointer",verticalAlign:"top",marginTop:"7px","&:hover":{color:Z.thmemColor.primary}}}},"vertical-menu-item-popper":{"& .vertical-menu-item-popper, &.vertical-menu-item-popper":{paddingLeft:"5px",zIndex:10,"& > .menu-item-popper-content":{boxShadow:Z.boxShadow,borderRadius:Z.borderRadius,backgroundColor:"white",color:Z.textColor.primary,"& > .menu-item-popper-content-item":{position:"relative","&:after":{position:"absolute",left:"-5px",top:"0",width:"100%",height:"40px",zIndex:-1,content:'""'},"& > .menu-item-popper-content-item-content":{width:"200px",height:"40px",padding:"0 10px",display:"flex",cursor:"pointer","&:hover":{backgroundColor:Z.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:Z.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left",lineHeight:"40px"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px",transform:"rotate(270deg)","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}}},"&.menu-item-popper-content-item-select":{"& > .menu-item-popper-content-item-content":{"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}}}}},"& .vertical-menu-item-popper":{position:"absolute",transform:"none !important",left:"100% !important",top:"0"}}}})})),Y=function(n){var t=n.label,i=(n.type,n.path),r=n.icon,a=n.children,l=n.className,s=n.level,c=void 0===s?1:s,u=n.selectMenu,m=void 0===u?"":u,d=n.idMenuLast,v=n.onClickMenu,h=n.shrinkOthers,g=void 0===h||h,f=(0,o.useState)(!1),x=f[0],b=f[1];(0,o.useEffect)((function(){var e=d[m];e&&-1!==e.indexOf(i)&&e.length>1?b(!0):g&&b(!1)}),[d,m,i]);var y=function(){if(a&&a.length>0)return v&&v(!1),b(!x);v&&v(n)},j=function(){if(r){var o=S[r];return o?o():r}return(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)},C=(0,o.useMemo)((function(){return(0,e.jsxs)("div",_({onClick:y,className:"vertical-menu-list-item-content",style:{paddingLeft:15*c+"px",paddingRight:"15px"}},{children:[(0,e.jsx)("span",_({className:"menu-item-icon"},{children:j()}),void 0),(0,e.jsx)("span",_({className:"menu-item-label"},{children:t}),void 0),(0,e.jsx)("span",_({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(w(),{},void 0):(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0)}),[a,v,x,c,r,t]),N=(0,o.useMemo)((function(){return(0,e.jsx)(p.Collapse,_({in:x,className:"li-collapse",timeout:"auto"},{children:a&&a.length>0&&a.map((function(o,n){return(0,e.jsx)(Y,_({},o,{level:c+1,idMenuLast:d,selectMenu:m,onClickMenu:v,shrinkOthers:g}),n)}))}),void 0)}),[x,a,c,d,m,v,g]);return(0,e.jsxs)("div",_({className:function(){var e="vertical-menu-list-item";x&&(e+=" vertical-menu-list-item-open"),l&&(e+=" "+l);var o=d[m];return o&&-1!==o.indexOf(i)&&(e+=" vertical-menu-list-item-select"),e}()},{children:[C,N]}),void 0)},$=function(n){var t=n.open,i=void 0!==t&&t,r=n.anchorEl,a=n.idMenuLast,l=n.selectMenu,s=void 0===l?"":l,u=n.onClickMenu,m=n.list,d=void 0===m?[]:m,v=n.onMouseEnter,h=n.onMouseLeave,g=n.level,f=void 0===g?1:g,x=n.className,b=(0,o.useState)(null),y=b[0],j=b[1],C=(0,o.useState)(null),N=C[0],k=C[1],z=(0,o.useState)([]),M=z[0],F=z[1],O=(0,o.useState)({})[0],E=function(e,o){return function(n){var t;t=n,clearTimeout(O.leaveTimer),O.leaveTimer=setTimeout((function(){1===f&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=t.target;k(i),F(n),j(o)}),50)}},T=function(e){return function(o){e.children&&e.children.length>0||(u&&u(e),h&&h())}},P=function(o){if(o){var n=S[o];return n?n():o}return(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)},I=function(e){var o="menu-item-popper-content-item",n=a&&a[s];return n&&-1!==n.indexOf(e.path)&&(o+=" menu-item-popper-content-item-select"),o},L=function(){var e="vertical-menu-item-popper";return x&&(e+=" "+x),e},B=(0,o.useCallback)((function(o,n){return(0,e.jsx)(e.Fragment,{children:o.children&&o.children.length>0&&y===n&&(0,e.jsx)($,{open:y===n,anchorEl:N,list:M,idMenuLast:a,selectMenu:s,onClickMenu:u,onMouseEnter:v,onMouseLeave:h,level:f+1},void 0)},void 0)}),[y,N,M,a,s,u,v,h,f]),R=(0,o.useMemo)((function(){return(0,e.jsx)("div",_({className:"menu-item-popper-content"},{children:d.map((function(o,n){return(0,e.jsx)("div",_({className:I(o),onMouseLeave:function(e){clearTimeout(O.leaveTimer),O.leaveTimer=setTimeout((function(){1===f&&h&&h(),j(null),k(null),F([])}))},onMouseEnter:E(o,n)},{children:(0,e.jsxs)("div",_({className:"menu-item-popper-content-item-content",onClick:T(o)},{children:[(0,e.jsx)("span",_({className:"menu-item-icon"},{children:P(o.icon)}),void 0),(0,e.jsx)("span",_({className:"menu-item-label"},{children:o.label}),void 0),(0,e.jsx)("span",_({className:"menu-item-arrow"},{children:(t=o.children,t&&t.length>0?(0,e.jsx)(w(),{},void 0):(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0))}),void 0),B(o,n)]}),void 0)}),n);var t}))}),void 0)}),[d,u,y,N,M,a,s,u,v,h,f]),A=function(){return 1!==f?(0,e.jsx)("div",_({className:L()},{children:R}),void 0):(0,e.jsx)(p.Popper,_({open:i,anchorEl:r,disablePortal:!0,placement:"right-start",className:L()},{children:R}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===f?(0,c.createPortal)((0,e.jsx)(A,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(A,{},void 0)},void 0)},G=function(e){if(!e)return 0;try{var o=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(o&&o[2])}catch(e){}return 0},J=function(t){var i=t.list,r=void 0===i?[]:i,a=t.expansion,l=void 0===a||a,s=t.selectMenu,c=void 0===s?"":s,u=t.onClickMenu,p=t.className,m=t.shrinkOthers,d=void 0===m||m,v=U(t),h=(0,o.useState)(!1),g=h[0],f=h[1],x=(0,o.useState)(null),b=x[0],y=x[1],j=(0,o.useState)(null),C=j[0],N=j[1],k=(0,o.useState)([]),M=k[0],F=k[1],O=(0,o.useState)(""),E=O[0],T=O[1],P=(0,o.useState)({}),I=P[0],L=P[1],B=(0,o.useState)({prev:!1,next:!1}),R=B[0],A=B[1],D=(0,o.useState)({})[0],q=n().useRef();(0,o.useEffect)((function(){c!==E&&T(c),Z()}),[c]),(0,o.useEffect)((function(){V(r),Z()}),[r]);var W,Z=function(){var e=Q(),o=e.min,n=e.max,t=G(q.current.style.transform);A({prev:t!==o,next:t>n})},J=function(e){return function(){var o=G(q.current.style.transform);switch(e){case"next":o-=100;break;case"prev":o+=100}K(o)}},K=function(e){var o=Q(),n=o.min,t=o.max;e>n&&(e=n),e<t&&(e=t),A({prev:e!==n,next:e>t}),q.current.style.transform="translate3d(0, "+e+"px, 0)"},Q=function(){var e=q.current.parentNode.getBoundingClientRect().height,o=-(q.current.getBoundingClientRect().height-e);return e>q.current.getBoundingClientRect().height&&(o=0),{min:0,max:o}},V=function(e){var o={},n={},t={},i=function(e,r){for(var a=0,l=e.length;a<l;a++){var s=e[a],c=s.path;if(o[c]=s,r){var u=(0,z.DeepClone)(n[r.path]||[]);u.push(c),n[c]=H([],u,!0)}else n[c]=[c];s.children&&s.children.length>0?i(s.children,s):t[c]=n[c]}};i(e),L(t)},X=function(e,o){return function(n){clearTimeout(D.leaveTimer);var t=[e];e.children&&e.children.length>0&&(t=e.children),y(o),N(n.target),F(t),f(!0)}},ee=function(){f(!1),N(null),F([]),y(null)},oe=function(){clearTimeout(D.leaveTimer)},ne=function(){ee()},te=function(e){var o=e.icon,n=e.label;if(o){var t=S[o];return t?t():o}if(n)return n[0]},ie=function(e){if(!1===e)return setTimeout((function(){Z()}),300);u&&u(e)},re=function(e,o){var n="vertical-menu-list-item-shrink",t=I[E];return t&&-1!==t.indexOf(e.path)&&(n+=" vertical-menu-list-item-shrink-select"),b===o&&(n+=" vertical-menu-list-item-shrink-hover"),n},ae=(0,o.useMemo)((function(){if(l)return r.map((function(e,n){return(0,o.createElement)(Y,_({},e,{key:n,level:1,idMenuLast:I,selectMenu:E,onClickMenu:ie,shrinkOthers:d}))}))}),[l,r,I,E,u,d]),le=(0,o.useMemo)((function(){return l?null:r.map((function(o,n){return(0,e.jsx)("div",_({className:re(o,n),onMouseEnter:X(o,n),onMouseLeave:function(e){clearTimeout(D.leaveTimer),D.leaveTimer=setTimeout((function(){ee()}),100)}},{children:(0,e.jsx)("span",{children:te(o)},void 0)}),n)}))}),[l,r,I,E,b]),se=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:R.prev&&(0,e.jsx)("span",_({className:"scroll-top"},{children:(0,e.jsx)(w(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[R]),ce=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:R.next&&(0,e.jsx)("span",_({className:"scroll-bottom"},{children:(0,e.jsx)(w(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[R]),ue=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:g&&(0,e.jsx)($,{open:g,anchorEl:C,list:M,idMenuLast:I,selectMenu:E,onClickMenu:ie,onMouseEnter:oe,onMouseLeave:ne,className:v["vertical-menu-item-popper"],level:1},void 0)},void 0)}),[g,C,M,I,E,u,D]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",_({className:(W=v["vertical-menu-list"],W+=" vertical-menu-list",p&&(W+=" "+p),W),onWheel:function(e){return function(e){var o=e.deltaY,n=G(q.current.style.transform);K(n-=o)}(e)}},{children:[se,(0,e.jsx)("div",_({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",_({className:"vertical-menu-list-box-srcoll",ref:q},{children:[ae,le]}),void 0)}),void 0),ce]}),void 0),ue]},void 0)},K=function(){return K=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},K.apply(this,arguments)},Q=(0,i.Z)(),V=(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-footer":{paddingBottom:"20px","& > .line":{width:"calc(100% - 30px)",borderTop:"1px solid "+Q.bgBorderColor.line1,paddingBottom:"20px",margin:"0 auto"},"& > .back-btn":{padding:"0 15px",marginBottom:"10px","& > button":{width:"100%",whiteSpace:"nowrap",boxShadow:"none","& svg":{color:"white"}},"&.back-btn-shrink":{padding:"0","& > button":{minWidth:"inherit",borderRadius:"0","& > span":{"& > span":{margin:"0"}}}}},"& > .language":{"& .language-item":{height:"40px",lineHeight:"40px",display:"flex",padding:"0 15px",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:Q.thmemColor.primary}}},"& > .language-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .language-item-label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"& > .language-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}}},"& > .li-collapse":{"& .language-item":{paddingLeft:"30px","&.language-item-select":{"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:Q.thmemColor.primary}}}}},"&.language-shrink":{"& .language-item":{justifyContent:"center",padding:"0",textAlign:"center","& > .language-item-icon":{marginRight:"0",width:"100%",position:"relative","&:after":{content:'""',position:"absolute",left:"0",top:"0",width:"100%",height:"100%",zIndex:10}}}},"&.language-select":{"& .language-item":{backgroundColor:Q.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary}}}},"& > .btn-list":{"& > .btn-list-item":{height:"40px",lineHeight:"40px",display:"flex",padding:"0 15px",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .btn-list-item-label":{color:Q.thmemColor.primary}},"& > .btn-list-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .btn-list-item-label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"&.btn-list-item-select":{backgroundColor:Q.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .btn-list-item-label":{color:Q.thmemColor.primary}}},"&.btn-list-shrink":{"& .btn-list-item":{justifyContent:"center",padding:"0",textAlign:"center","& > .btn-list-item-icon":{marginRight:"0",width:"100%",position:"relative","&:after":{content:'""',position:"absolute",left:"0",top:"0",width:"100%",height:"100%",zIndex:10}}}}},"& > .logo":{display:"flex",padding:"0 15px",alignItems:"center",height:"40px",lineHeight:"40px","& > img":{height:"30px",width:"auto"},"& > span":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"700",whiteSpace:"nowrap",marginLeft:"10px"},"&.logo-shrink":{padding:0,justifyContent:"center","& > span":{marginLeft:"0",textAlign:"center"}}},"&.vertical-footer-shrink":{"& > .line":{width:"calc(100% - 15px)"}}},"menu-popover":{paddingLeft:"5px",zIndex:10,"& > .menu-popover-box":{boxShadow:Q.boxShadow,borderRadius:Q.borderRadius,backgroundColor:"white",color:Q.textColor.primary,"& > .menu-popover-item":{width:"200px",height:"40px",padding:"0 10px",display:"flex",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .label":{color:Q.thmemColor.primary}},"& > .icon":{marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"}},"& > .label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left",lineHeight:"40px"},"&.menu-popover-item-select":{"& > .icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .label":{color:Q.thmemColor.primary}}}}}})})),X=function(o){var n,t=o.backSelfcare,i=void 0===t?{}:t,r=o.expansion,a=void 0===r||r,l=o.customize,s=o.className,c=o.onClick,p=function(e){c&&c(e)};return(0,e.jsx)(e.Fragment,{children:l||(0,e.jsx)("div",K({className:(n="back-btn",s&&(n+=" "+s),a||(n+=" back-btn-shrink"),n)},{children:function(){if(a)return(0,e.jsx)(u.default,K({startIcon:i.icon,variant:"contained",onClick:p},{children:i.label}),void 0);if(i.icon)return(0,e.jsx)(u.default,{startIcon:i.icon,variant:"contained",onClick:p},void 0);if(i.label){var o=i.label;return"string"==typeof o&&(o=o[0]),(0,e.jsx)(u.default,K({variant:"contained",onClick:p},{children:o}),void 0)}}()}),void 0)},void 0)},ee=function(n){var t=V(n),i=n.language,r=void 0===i?[]:i,a=n.selectLang,l=void 0===a?"":a,s=n.onClick,u=n.expansion,m=void 0===u||u,d=n.className,v=n.customize,h=(0,o.useState)(!1),g=h[0],f=h[1],x=(0,o.useState)({}),b=x[0],y=x[1],j=(0,o.useState)({}),C=j[0],S=j[1],N=(0,o.useState)(!1),k=N[0],z=N[1],M=(0,o.useState)(null),F=M[0],O=M[1],E=(0,o.useState)({})[0];(0,o.useEffect)((function(){var e=b[l]||{};S(e)}),[l,b]),(0,o.useEffect)((function(){for(var e={},o=0,n=r.length;o<n;o++){var t=r[o];t.value&&(e[t.value]=t)}y(e)}),[r]);var T,P=function(){m&&f(!g)},I=function(e){return function(){s&&s(e.value,e),f(!1),z(!1)}},L=function(e){var o="language-item";return e.value===l&&(o+=" language-item-select"),o},B=(0,o.useMemo)((function(){return(0,e.jsx)(p.Collapse,K({in:g&&m,className:"li-collapse",timeout:"auto"},{children:r.map((function(o,n){return(0,e.jsxs)("div",K({className:L(o),onClick:I(o)},{children:[o.icon&&(0,e.jsx)("span",K({className:"language-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",K({className:"language-item-label"},{children:o.label}),void 0)]}),n)}))}),void 0)}),[g,r,m,s]),R=function(e){m||(E.timer=setTimeout((function(){z(!1),O(null)}),100))},A=function(e){return function(o){m||(clearTimeout(E.timer),z(!0),e&&O(o.target))}},D=(0,o.useMemo)((function(){return(0,e.jsx)("div",K({className:"language-item",onClick:P,onMouseLeave:R,onMouseEnter:A(!0)},{children:m?(0,e.jsxs)(e.Fragment,{children:[C.icon&&(0,e.jsx)("span",K({className:"language-item-icon"},{children:C.icon}),void 0),(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label}),void 0),r.length>1&&(0,e.jsx)("span",K({className:"language-item-arrow"},{children:(0,e.jsx)(w(),{},void 0)}),void 0)]},void 0):C.icon?(0,e.jsx)("span",K({className:"language-item-icon"},{children:C.icon}),void 0):C.label?"string"==typeof C.label?(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label[0]}),void 0):(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label}),void 0):void 0}),void 0)}),[m,C,r,g,E]),q=(0,o.useMemo)((function(){var o=function(e){var o="menu-popover-item";return e.value===C.value&&(o+=" menu-popover-item-select"),o};return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,K({open:k,anchorEl:F,disablePortal:!0,placement:"right-start",onMouseLeave:R,onMouseEnter:A(!1),className:(n=t["menu-popover"],n+=" menu-popover")},{children:(0,e.jsx)("div",K({className:"menu-popover-box"},{children:r.map((function(n,t){return(0,e.jsxs)("div",K({className:o(n),onClick:I(n)},{children:[n.icon&&(0,e.jsx)("span",K({className:"icon"},{children:n.icon}),void 0),(0,e.jsx)("span",K({className:"label"},{children:n.label}),void 0)]}),t)}))}),void 0)}),void 0);var n}),{},void 0),document.getElementsByTagName("body")[0])}),[r,C,t,k,F,E,s]);return(0,e.jsx)(e.Fragment,{children:v||(0,e.jsxs)("div",K({className:(T="language",d&&(T+=" "+d),m||(T+=" language-shrink"),k&&(T+=" language-select"),T)},{children:[D,B,k&&q]}),void 0)},void 0)},oe=function(n){var t,i=V(n),r=n.list,a=void 0===r?[]:r,l=n.expansion,s=void 0===l||l,u=n.customize,m=n.className,d=n.onClick,v=(0,o.useState)({}),h=v[0],g=v[1],f=(0,o.useState)(!1),x=f[0],b=f[1],y=(0,o.useState)(null),j=y[0],C=y[1],w=(0,o.useState)({})[0],S=function(e){s||(w.timer=setTimeout((function(){b(!1),C(null),g({})}),50))},N=function(e){return function(o){s||(clearTimeout(w.timer),b(!0),e&&(C(o.target),g(e)))}},k=function(e){return function(o){d&&d(e,o)}},z=(0,o.useMemo)((function(){return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,K({open:x,anchorEl:j,disablePortal:!0,placement:"right-start",onMouseLeave:S,onMouseEnter:N(),className:(o=i["menu-popover"],o+=" menu-popover")},{children:(0,e.jsx)("div",K({className:"menu-popover-box"},{children:(0,e.jsxs)("div",K({className:"menu-popover-item",onClick:k(h)},{children:[h.icon&&(0,e.jsx)("span",K({className:"icon"},{children:h.icon}),void 0),(0,e.jsx)("span",K({className:"label"},{children:h.label}),void 0)]}),void 0)}),void 0)}),void 0);var o}),{},void 0),document.getElementsByTagName("body")[0])}),[a,i,x,j,w,h]),M=(0,o.useMemo)((function(){var o=function(o){return s?(0,e.jsxs)(e.Fragment,{children:[o.icon&&(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",K({className:"btn-list-item-label"},{children:o.label}),void 0)]},void 0):o.icon?(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.icon}),void 0):o.label?"string"==typeof o.label?(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.label[0]}),void 0):(0,e.jsx)("span",K({className:"btn-list-item-label"},{children:o.label}),void 0):void 0};return(0,e.jsx)(e.Fragment,{children:a.map((function(n,t){var i="btn-list-item";return n.label&&n.label===h.label&&(i+=" btn-list-item-select"),(0,e.jsx)("div",K({className:i,onClick:k(n),onMouseLeave:S,onMouseEnter:N(n)},{children:o(n)}),t)}))},void 0)}),[a,s,h]);return(0,e.jsx)(e.Fragment,{children:u||(0,e.jsxs)("div",K({className:(t="btn-list",m&&(t+=" "+m),s||(t+=" btn-list-shrink"),t)},{children:[M,x&&z]}),void 0)},void 0)},ne=function(o){var n,t=o.user,i=void 0===t?{}:t,r=o.expansion,a=void 0===r||r,l=o.customize,s=o.className,c=o.onClick;return(0,e.jsx)(e.Fragment,{children:l||(0,e.jsx)("div",K({className:(n="logo",s&&(n+=" "+s),a||(n+=" logo-shrink"),n),onClick:function(e){c&&c(e)}},{children:function(){if(a)return(0,e.jsxs)(e.Fragment,{children:[i.img&&(0,e.jsx)("img",{src:i.img,alt:""},void 0),i.label&&(0,e.jsx)("span",{children:i.label},void 0)]},void 0);if(i.img)return(0,e.jsx)("img",{src:i.img,alt:""},void 0);if(i.label){if("string"==typeof i.label)return(0,e.jsx)("span",{children:i.label[0]},void 0);(0,e.jsx)("span",{children:i.label},void 0)}}()}),void 0)},void 0)},te=function(n){var t,i=V(n),r=n.className,a=void 0===r?"":r,l=n.expansion,s=void 0===l||l,c=n.backSelfcareProps,u=n.languageProps,p=n.btnListProps,m=n.userProps,d=n.customize,v=(0,o.useMemo)((function(){return c&&(0,e.jsx)(X,K({},c,{expansion:s}),void 0)}),[c,s]),h=(0,o.useMemo)((function(){return u&&(0,e.jsx)(ee,K({},u,{expansion:s}),void 0)}),[u,s]),g=(0,o.useMemo)((function(){return p&&(0,e.jsx)(oe,K({},p,{expansion:s}),void 0)}),[p,s]),f=(0,o.useMemo)((function(){return m&&(0,e.jsx)(ne,K({},m,{expansion:s}),void 0)}),[m,s]);return(0,e.jsx)(e.Fragment,{children:d||(0,e.jsxs)("div",K({className:(t=i["vertical-footer"],a&&(t+=" "+a),s||(t+=" vertical-footer-shrink"),t)},{children:[(0,e.jsx)("div",{className:"line"},void 0),v,h,g,f]}),void 0)},void 0)},ie=function(){return ie=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},ie.apply(this,arguments)},re=(0,i.Z)(),ae=(0,t.makeStyles)((function(){return(0,t.createStyles)({"footer-expansion":{"&.footer-expansion":{display:"flex",alignItems:"center",backgroundColor:re.bgBorderColor.bg2,padding:"5px 0",whiteSpace:"nowrap",height:"30px",lineHeight:"30px","& > svg":{fontSize:"20px",color:re.textColor.secondary,cursor:"pointer",marginLeft:"15px","&:hover":{color:re.thmemColor.primary}},"& > .line":{borderRight:"1px solid"+re.bgBorderColor.bg1,display:"inline-block",height:"16px",marginLeft:"15px"},"& > .version":{marginLeft:"10px",fontSize:"12px",color:re.textColor.secondary},"&.footer-expansion-shrink":{justifyContent:"center","& > svg":{margin:"0"},"& > .line":{display:"none"},"& > .version":{}}}}})})),le=function(o){var n=o.expansion,t=void 0===n||n,i=o.expandIcon,r=o.shrinkIcon,a=o.customizeContent,l=o.clickExpansion,s=o.version,c=o.className,u=ae(o),p=function(){l&&l(!t)},m=function(){var e=u["footer-expansion"];return e+=" footer-expansion",c&&(e+=" "+c),t||(e+=" footer-expansion-shrink"),e};return(0,e.jsx)("div",ie({className:m()},{children:function(){if(a)return a;return(0,e.jsxs)("div",ie({className:m()},{children:[t?i||(0,e.jsx)(L(),{onClick:p},void 0):r||(0,e.jsx)(R(),{onClick:p},void 0),(0,e.jsx)("span",{className:"line"},void 0),t&&s&&(0,e.jsx)("span",ie({className:"version"},{children:s}),void 0)]}),void 0)}()}),void 0)},se=function(){return se=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},se.apply(this,arguments)},ce=((0,i.Z)(),(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-menu":{width:"100%",height:"100%",display:"flex",flexDirection:"column"}})}))),ue=function(n){var t=n.logoProps,i=n.menuListProps,r=n.footerProps,a=n.expansion,l=void 0===a||a,c=n.onClickExpansion,u=n.selectMenu,p=n.onClickMenu,m=n.className,d=n.shrinkOthers,v=void 0===d||d,h=n.footerExpansionProps,g=n.showExpansion,f=void 0===g||g,x=ce(n),b=(0,o.useState)(!0),y=b[0],j=b[1];(0,o.useEffect)((function(){l!==y&&j(l)}),[l]);var C,w=function(){c&&c(!y)},S=(0,o.useMemo)((function(){return n.logoProps&&(0,e.jsx)(s,se({},t,{expansion:y}),void 0)}),[t,y]),N=(0,o.useMemo)((function(){return n.menuListProps&&(0,e.jsx)(J,se({},i,{expansion:y,selectMenu:u,onClickMenu:p,shrinkOthers:v}),void 0)}),[i,y,u,p]),k=(0,o.useMemo)((function(){return n.footerProps&&(0,e.jsx)(te,se({},r,{expansion:y}),void 0)}),[r,y]),z=(0,o.useMemo)((function(){return f?(0,e.jsx)(le,se({clickExpansion:w},h,{expansion:y}),void 0):null}),[y,c,h,c,f]);return(0,e.jsxs)("div",se({className:(C=x["vertical-menu"],C+=" vertical-menu paraui-vertical-menu",m&&(C+=" "+m),l||(C+=" vertical-menu-shrink"),C)},{children:[S,N,k,z]}),void 0)},pe=function(){return pe=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},pe.apply(this,arguments)},me=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n},de=function(o){var n=o.mode,t=void 0===n?"vertical":n,i=me(o,["mode"]);return(0,e.jsx)(e.Fragment,{children:"vertical"===t?(0,e.jsx)(ue,pe({},i),void 0):(0,e.jsx)(W,pe({},i),void 0)},void 0)},ve=de}(),v}()}));
14
+ */i(4126);var n=i(9297),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 a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,m={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,i){var n,o={},c=null,p=null;for(n in void 0!==i&&(c=""+i),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(p=t.ref),t)l.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:c,ref:p,props:o,_owner:a.current}}t.jsx=c,t.jsxs=c},7712:function(e,t,i){"use strict";e.exports=i(9524)},9022:function(e,t,i){var n=i(2387),r=i(3264);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:"head",singleton:!1};n(r,o);e.exports=r.locals||{}},2387: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]}}(),a=[];function l(e){for(var t=-1,i=0;i<a.length;i++)if(a[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],c=i[m]||0,p="".concat(m," ").concat(c);i[m]=c+1;var u=l(p),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==u?(a[u].references++,a[u].updater(s)):a.push({identifier:p,updater:f(s,t),references:1}),n.push(p)}return n}function c(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 a=o(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 p,u=(p=[],function(e,t){return p[e]=t,p.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=u(t,r);else{var o=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[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 d=null,h=0;function f(e,t){var i,n,r;if(t.singleton){var o=h++;i=d||(d=c(t)),n=s.bind(null,i,o,!1),r=s.bind(null,i,o,!0)}else i=c(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=l(i[n]);a[r].references--}for(var o=m(e,t),c=0;c<i.length;c++){var p=l(i[c]);0===a[p].references&&(a[p].updater(),a.splice(p,1))}i=o}}}},1731:function(e){"use strict";e.exports=i},1609:function(e){"use strict";e.exports=r},6028:function(e){"use strict";e.exports=n},9387:function(e){"use strict";e.exports=l},5295:function(e){"use strict";e.exports=a},3475:function(e){"use strict";e.exports=o},9297:function(t){"use strict";t.exports=e},2268:function(e){"use strict";e.exports=t}},c={};function p(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={id:e,exports:{}};return m[e](i,i.exports,p),i.exports}p.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return p.d(t,{a:t}),t},p.d=function(e,t){for(var i in t)p.o(t,i)&&!p.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},p.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return function(){"use strict";p.r(u),p.d(u,{Menu:function(){return N},default:function(){return S}});var e=p(7712),t=p(9297),i=p.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,a=t.render,l=t.className;return(0,e.jsx)("div",n({className:(i="logo paraui-logo",l&&(i+=" "+l),o||(i+=" logo-shrink"),i)},{children:function(){if(a)return a}()}),void 0)},o=p(2268),a=p(1731),l=p(6028),m=p.n(l),c=p(1609),s=p(3475),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)},d=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))},h=function(i){var n=i.label,r=(i.type,i.path),o=i.icon,l=i.children,p=i.className,u=i.level,s=void 0===u?1:u,d=i.selectMenu,f=void 0===d?"":d,x=i.idMenuLast,g=i.onClickMenu,b=i.shrinkOthers,w=void 0===b||b,y=(0,t.useState)(!1),k=y[0],j=y[1];(0,t.useEffect)((function(){var e=x[f];e&&-1!==e.indexOf(r)&&e.length>1?j(!0):w&&j(!1)}),[x,f,r]);var M=function(){if(l&&l.length>0)return g&&g(!1),j(!k);g&&g(i)},O=function(){if(o){var t=c[o];return t?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t()}),void 0):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:o}),void 0)}},N=(0,t.useMemo)((function(){return(0,e.jsxs)("div",v({onClick:M,className:"vertical-menu-list-item-content",style:(t={paddingRight:"16px"},t.paddingLeft=s>=0?36*(s-1)+16+"px":"16px",t)},{children:[O(),(0,e.jsx)("span",v({className:"menu-item-label"},{children:n}),void 0),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:l&&l.length>0?(0,e.jsx)(m(),{},void 0):(0,e.jsx)(m(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0);var t}),[l,g,k,s,o,n]),S=(0,t.useMemo)((function(){return(0,e.jsx)(a.Collapse,v({in:k,className:"li-collapse",timeout:"auto"},{children:l&&l.length>0&&l.map((function(t,i){return(0,e.jsx)(h,v({},t,{level:s+1,idMenuLast:x,selectMenu:f,onClickMenu:g,shrinkOthers:w}),i)}))}),void 0)}),[k,l,s,x,f,g,w]);return(0,e.jsxs)("div",v({className:function(){var e="vertical-menu-list-item";k&&(e+=" vertical-menu-list-item-open"),p&&(e+=" "+p);var t=x[f];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]}),void 0)},f=function(i){var n=i.open,r=void 0!==n&&n,l=i.anchorEl,p=i.idMenuLast,u=i.selectMenu,s=void 0===u?"":u,d=i.onClickMenu,h=i.list,x=void 0===h?[]:h,g=i.onMouseEnter,b=i.onMouseLeave,w=i.level,y=void 0===w?1:w,k=i.className,j=(0,t.useState)(null),M=j[0],O=j[1],N=(0,t.useState)(null),S=N[0],C=N[1],E=(0,t.useState)([]),T=E[0],P=E[1],L=(0,t.useState)({})[0],_=function(e,t){return function(i){var n;i.stopPropagation(),i.cancelBubble=!0,n=i,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){1===y&&g&&g();var i=[e];e.children&&e.children.length>0&&(i=e.children);var r=n.target;C(r),P(i),O(t)}))}},R=function(e){return function(t){e.children&&e.children.length>0||(d&&d(e),b&&b())}},F=function(t){if(t){var i=c[t];return i?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:i()}),void 0):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t}),void 0)}},I=function(e){var t="menu-item-popper-content-item",i=p&&p[s];return i&&-1!==i.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},q=function(){var e="vertical-menu-item-popper";return k&&(e+=" "+k),e},z=(0,t.useCallback)((function(t,i){return(0,e.jsx)(e.Fragment,{children:t.children&&t.children.length>0&&M===i&&(0,e.jsx)(f,{open:M===i,anchorEl:S,list:T,idMenuLast:p,selectMenu:s,onClickMenu:d,onMouseEnter:g,onMouseLeave:b,level:y+1},void 0)},void 0)}),[M,S,T,p,s,d,g,b,y]),B=(0,t.useMemo)((function(){return(0,e.jsx)("div",v({className:"menu-item-popper-content"},{children:x.map((function(t,i){return(0,e.jsx)("div",v({className:I(t),onMouseLeave:function(e){e.stopPropagation(),e.cancelBubble=!0,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){b&&b(),O(null),C(null),P([])}))},onMouseEnter:_(t,i)},{children:(0,e.jsxs)("div",v({className:"menu-item-popper-content-item-content",onClick:R(t)},{children:[F(t.icon),(0,e.jsx)("span",v({className:"menu-item-label"},{children:t.label}),void 0),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:(n=t.children,n&&n.length>0?(0,e.jsx)(m(),{},void 0):(0,e.jsx)(m(),{className:"opacity-pos-svg"},void 0))}),void 0),z(t,i)]}),void 0)}),i);var n}))}),void 0)}),[x,d,M,S,T,p,s,d,g,b,y]),U=function(){return 1!==y?(0,e.jsx)("div",v({className:q()},{children:B}),void 0):(0,e.jsx)(a.Popper,v({open:r,anchorEl:l,disablePortal:!0,placement:"right-start",className:q()},{children:B}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===y?(0,o.createPortal)((0,e.jsx)(U,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(U,{},void 0)},void 0)},x=function(e){if(!e)return 0;try{var t=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(t&&t[2])}catch(e){}return 0},g=function(n){var r=n.list,o=void 0===r?[]:r,a=n.expansion,l=void 0===a||a,p=n.selectMenu,u=void 0===p?"":p,g=n.onClickMenu,b=n.className,w=n.shrinkOthers,y=void 0===w||w,k=n.color,j=(0,t.useState)(!1),M=j[0],O=j[1],N=(0,t.useState)(null),S=N[0],C=N[1],E=(0,t.useState)(null),T=E[0],P=E[1],L=(0,t.useState)([]),_=L[0],R=L[1],F=(0,t.useState)(""),I=F[0],q=F[1],z=(0,t.useState)({}),B=z[0],U=z[1],D=(0,t.useState)({prev:!1,next:!1}),A=D[0],H=D[1],J=(0,t.useState)({})[0],W=i().useRef();(0,t.useEffect)((function(){u!==I&&q(u),$()}),[u]),(0,t.useEffect)((function(){V(o),$()}),[o]);var Y,$=function(){var e=Q(),t=e.min,i=e.max,n=x(W.current.style.transform);H({prev:n!==t,next:n>i})},G=function(e){return function(){var t=x(W.current.style.transform);switch(e){case"next":t-=100;break;case"prev":t+=100}K(t)}},K=function(e){var t=Q(),i=t.min,n=t.max;e>i&&(e=i),e<n&&(e=n),H({prev:e!==i,next:e>n}),W.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Q=function(){var e=W.current.parentNode.getBoundingClientRect().height,t=-(W.current.getBoundingClientRect().height-e);return e>W.current.getBoundingClientRect().height&&(t=0),{min:0,max:t}},V=function(e){var t={},i={},n={},r=function(e,o){for(var a=0,l=e.length;a<l;a++){var m=e[a],c=m.path;if(t[c]=m,o){var p=(0,s.DeepClone)(i[o.path]||[]);p.push(c),i[c]=d([],p,!0)}else i[c]=[c];m.children&&m.children.length>0?r(m.children,m):n[c]=i[c]}};r(e),U(n)},X=function(e,t){return function(i){clearTimeout(J.leaveTimer);var n=[e];e.children&&e.children.length>0&&(n=e.children),C(t),P(i.target),R(n),O(!0)}},Z=function(){O(!1),P(null),R([]),C(null)},ee=function(){clearTimeout(J.leaveTimer)},te=function(){Z()},ie=function(e){var t=e.icon,i=e.label;if(t){var n=c[t];return n?n():t}return"string"==typeof i?i[0]:i},ne=function(e){if(!1===e)return setTimeout((function(){$()}),300);g&&g(e)},re=function(e,t){var i="vertical-menu-list-item-shrink",n=B[I];return n&&-1!==n.indexOf(e.path)&&(i+=" vertical-menu-list-item-shrink-select"),S===t&&(i+=" vertical-menu-list-item-shrink-hover"),i},oe=(0,t.useMemo)((function(){if(l)return o.map((function(e,i){return(0,t.createElement)(h,v({},e,{key:i,level:1,idMenuLast:B,selectMenu:I,onClickMenu:ne,shrinkOthers:y}))}))}),[l,o,B,I,g,y]),ae=(0,t.useMemo)((function(){return l?null:o.map((function(t,i){return(0,e.jsx)("div",v({className:re(t,i),onMouseEnter:X(t,i),onMouseLeave:function(e){clearTimeout(J.leaveTimer),J.leaveTimer=setTimeout((function(){Z()}),100)}},{children:(0,e.jsx)("span",{children:ie(t)},void 0)}),i)}))}),[l,o,B,I,S]),le=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:A.prev&&(0,e.jsx)("span",v({className:"scroll-top"},{children:(0,e.jsx)(m(),{onClick:G("prev")},void 0)}),void 0)},void 0)}),[A]),me=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:A.next&&(0,e.jsx)("span",v({className:"scroll-bottom"},{children:(0,e.jsx)(m(),{onClick:G("next")},void 0)}),void 0)},void 0)}),[A]),ce=(0,t.useMemo)((function(){var t;return(0,e.jsx)(e.Fragment,{children:M&&(0,e.jsx)(f,{open:M,anchorEl:T,list:_,idMenuLast:B,selectMenu:I,onClickMenu:ne,onMouseEnter:ee,onMouseLeave:te,className:(t="paraui-vertical-menu-item-popper",k&&(t+=" paraui-vertical-menu-item-popper-"+k),t),level:1},void 0)},void 0)}),[M,T,_,B,I,g,J,k]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",v({className:(Y="paraui-vertical-menu-list vertical-menu-list",b&&(Y+=" "+b),Y),onWheel:function(e){return function(e){var t=e.deltaY,i=x(W.current.style.transform);K(i-=t)}(e)}},{children:[le,(0,e.jsx)("div",v({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",v({className:"vertical-menu-list-box-srcoll",ref:W},{children:[oe,ae]}),void 0)}),void 0),me]}),void 0),ce]},void 0)},b=p(5295),w=p.n(b),y=p(9387),k=p.n(y),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,a=t.shrinkIcon,l=t.customizeContent,m=t.clickExpansion,c=t.version,p=t.className,u=function(){m&&m(!r)};return(0,e.jsx)("div",j({className:(i="footer-expansion paraui-footer-expansion",p&&(i+=" "+p),r||(i+=" footer-expansion-shrink"),i)},{children:function(){if(l)return l;return(0,e.jsxs)(e.Fragment,{children:[r?o||(0,e.jsx)(w(),{onClick:u},void 0):a||(0,e.jsx)(k(),{onClick:u},void 0),r&&c&&(0,e.jsx)("span",j({className:"version"},{children:c}),void 0)]},void 0)}()}),void 0)},O=(p(9022),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,a=i.logoProps,l=i.menuListProps,m=i.expansion,c=void 0===m||m,p=i.onClickExpansion,u=i.selectMenu,s=i.onClickMenu,v=i.className,d=i.shrinkOthers,h=void 0===d||d,f=i.footerExpansionProps,x=i.showExpansion,b=void 0===x||x,w=(0,t.useState)(!0),y=w[0],k=w[1];(0,t.useEffect)((function(){c!==y&&k(c)}),[c]);var j,N=function(){p&&p(!y)},S=(0,t.useMemo)((function(){return i.logoProps&&(0,e.jsx)(r,O({},a,{expansion:y}),void 0)}),[a,y]),C=(0,t.useMemo)((function(){return i.menuListProps&&(0,e.jsx)(g,O({},l,{color:o,expansion:y,selectMenu:u,onClickMenu:s,shrinkOthers:h}),void 0)}),[l,y,u,s,o]),E=(0,t.useMemo)((function(){return b?(0,e.jsx)(M,O({clickExpansion:N},f,{expansion:y}),void 0):null}),[y,p,f,p,b]);return(0,e.jsxs)("div",O({className:(j="vertical-menu paraui-vertical-menu",v&&(j+=" "+v),o&&(j+=" paraui-vertical-menu-"+o),c||(j+=" vertical-menu-shrink"),j)},{children:[S,C,E]}),void 0)},S=N}(),u}()}));