@para-ui/core 1.1.28 → 2.0.2

package/Menu/index.js

@@ -1,10 +1,10 @@
-!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){
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@material-ui/core","@para-ui/icons","@para-ui/icons/Down","@para-ui/icons/IndentLeftFill","@para-ui/icons/IndentRightFill","para-lib","react","react-dom"],n):"object"==typeof exports?exports.ParaUI=n(require("@material-ui/core"),require("@para-ui/icons"),require("@para-ui/icons/Down"),require("@para-ui/icons/IndentLeftFill"),require("@para-ui/icons/IndentRightFill"),require("para-lib"),require("react"),require("react-dom")):e.ParaUI=n(e["@material-ui/core"],e["@para-ui/icons"],e["@para-ui/icons/Down"],e["@para-ui/icons/IndentLeftFill"],e["@para-ui/icons/IndentRightFill"],e["para-lib"],e.react,e["react-dom"])}(self,(function(e,n,r,t,i,o,a,c){return function(){"use strict";var u,s={4126:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-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){
+var n=Object.getOwnPropertySymbols,r=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 n={},r=0;r<10;r++)n["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[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,o){for(var a,c,u=i(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(n){c=n(a);for(var f=0;f<c.length;f++)t.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},9524:function(e,n,r){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -13,4 +13,4 @@ var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.pr
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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}()}));
+r(4126);var t=r(9297),i=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;i=o("react.element"),n.Fragment=o("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,n,r){var t,o={},s=null,l=null;for(t in void 0!==r&&(s=""+r),void 0!==n.key&&(s=""+n.key),void 0!==n.ref&&(l=n.ref),n)c.call(n,t)&&!u.hasOwnProperty(t)&&(o[t]=n[t]);if(e&&e.defaultProps)for(t in n=e.defaultProps)void 0===o[t]&&(o[t]=n[t]);return{$$typeof:i,type:e,key:s,ref:l,props:o,_owner:a.current}}n.jsx=s,n.jsxs=s},7712:function(e,n,r){e.exports=r(9524)},7940:function(e,n,r){r.r(n),r.d(n,{Menu:function(){return P},default:function(){return C}});var t=r(7712),i=r(9297),o=r.n(i),a=function(){return a=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},a.apply(this,arguments)},c=function(e){var n,r=e.expansion,i=void 0===r||r,o=e.render,c=e.className;return(0,t.jsx)("div",a({className:(n="logo paraui-logo",c&&(n+=" "+c),i||(n+=" logo-shrink"),n)},{children:function(){if(o)return o}()}),void 0)},u=r(2268),s=r(1731),l=r(6028),f=r.n(l),p=r(1609),v=r(3475),d=function(){return d=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},d.apply(this,arguments)},m=function(e,n,r){if(r||2===arguments.length)for(var t,i=0,o=n.length;i<o;i++)!t&&i in n||(t||(t=Array.prototype.slice.call(n,0,i)),t[i]=n[i]);return e.concat(t||Array.prototype.slice.call(n))},h=function(e){var n=e.label,r=(e.type,e.path),o=e.icon,a=e.children,c=e.className,u=e.level,l=void 0===u?1:u,v=e.selectMenu,m=void 0===v?"":v,x=e.idMenuLast,j=e.onClickMenu,g=e.shrinkOthers,b=void 0===g||g,y=(0,i.useState)(!1),O=y[0],M=y[1];(0,i.useEffect)((function(){var e=x[m];e&&-1!==e.indexOf(r)&&e.length>1?M(!0):b&&M(!1)}),[x,m,r]);var k=function(){if(a&&a.length>0)return j&&j(!1),M(!O);j&&j(e)},N=function(){if(o){var e=p[o];return e?(0,t.jsx)("span",d({className:"menu-item-icon"},{children:e()}),void 0):(0,t.jsx)("span",d({className:"menu-item-icon"},{children:o}),void 0)}},E=(0,i.useMemo)((function(){return(0,t.jsxs)("div",d({onClick:k,className:"vertical-menu-list-item-content",style:(e={paddingRight:"16px"},e.paddingLeft=l>=0?36*(l-1)+16+"px":"16px",e)},{children:[N(),(0,t.jsx)("span",d({className:"menu-item-label"},{children:n}),void 0),(0,t.jsx)("span",d({className:"menu-item-arrow"},{children:a&&a.length>0?(0,t.jsx)(f(),{},void 0):(0,t.jsx)(f(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0);var e}),[a,j,O,l,o,n]),P=(0,i.useMemo)((function(){return(0,t.jsx)(s.Collapse,d({in:O,className:"li-collapse",timeout:"auto"},{children:a&&a.length>0&&a.map((function(e,n){return(0,t.jsx)(h,d({},e,{level:l+1,idMenuLast:x,selectMenu:m,onClickMenu:j,shrinkOthers:b}),n)}))}),void 0)}),[O,a,l,x,m,j,b]);return(0,t.jsxs)("div",d({className:function(){var e="vertical-menu-list-item";O&&(e+=" vertical-menu-list-item-open"),c&&(e+=" "+c);var n=x[m];if(n){var t=n.indexOf(r);-1!==t&&(e+=" vertical-menu-list-item-select",t===n.length-1&&(e+=" vertical-menu-list-item-select-last"),O||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[E,P]}),void 0)},x=function(e){var n=e.open,r=void 0!==n&&n,o=e.anchorEl,a=e.idMenuLast,c=e.selectMenu,l=void 0===c?"":c,v=e.onClickMenu,m=e.list,h=void 0===m?[]:m,j=e.onMouseEnter,g=e.onMouseLeave,b=e.level,y=void 0===b?1:b,O=e.className,M=(0,i.useState)(null),k=M[0],N=M[1],E=(0,i.useState)(null),P=E[0],C=E[1],S=(0,i.useState)([]),w=S[0],T=S[1],L=(0,i.useState)({})[0],_=function(e,n){return function(r){var t;r.stopPropagation(),r.cancelBubble=!0,t=r,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){1===y&&j&&j();var r=[e];e.children&&e.children.length>0&&(r=e.children);var i=t.target;C(i),T(r),N(n)}))}},q=function(e){return function(n){e.children&&e.children.length>0||(v&&v(e),g&&g())}},F=function(e){if(e){var n=p[e];return n?(0,t.jsx)("span",d({className:"menu-item-icon"},{children:n()}),void 0):(0,t.jsx)("span",d({className:"menu-item-icon"},{children:e}),void 0)}},I=function(e){var n="menu-item-popper-content-item",r=a&&a[l];return r&&-1!==r.indexOf(e.path)&&(n+=" menu-item-popper-content-item-select"),n},R=function(){var e="vertical-menu-item-popper";return O&&(e+=" "+O),e},B=(0,i.useCallback)((function(e,n){return(0,t.jsx)(t.Fragment,{children:e.children&&e.children.length>0&&k===n&&(0,t.jsx)(x,{open:k===n,anchorEl:P,list:w,idMenuLast:a,selectMenu:l,onClickMenu:v,onMouseEnter:j,onMouseLeave:g,level:y+1},void 0)},void 0)}),[k,P,w,a,l,v,j,g,y]),D=(0,i.useMemo)((function(){return(0,t.jsx)("div",d({className:"menu-item-popper-content"},{children:h.map((function(e,n){return(0,t.jsx)("div",d({className:I(e),onMouseLeave:function(e){e.stopPropagation(),e.cancelBubble=!0,clearTimeout(L.leaveTimer),L.leaveTimer=setTimeout((function(){g&&g(),N(null),C(null),T([])}))},onMouseEnter:_(e,n)},{children:(0,t.jsxs)("div",d({className:"menu-item-popper-content-item-content",onClick:q(e)},{children:[F(e.icon),(0,t.jsx)("span",d({className:"menu-item-label"},{children:e.label}),void 0),(0,t.jsx)("span",d({className:"menu-item-arrow"},{children:(r=e.children,r&&r.length>0?(0,t.jsx)(f(),{},void 0):(0,t.jsx)(f(),{className:"opacity-pos-svg"},void 0))}),void 0),B(e,n)]}),void 0)}),n);var r}))}),void 0)}),[h,v,k,P,w,a,l,v,j,g,y]),U=function(){return 1!==y?(0,t.jsx)("div",d({className:R()},{children:D}),void 0):(0,t.jsx)(s.Popper,d({open:r,anchorEl:o,disablePortal:!0,placement:"right-start",className:R()},{children:D}),void 0)};return(0,t.jsx)(t.Fragment,{children:1===y?(0,u.createPortal)((0,t.jsx)(U,{},void 0),document.getElementsByTagName("body")[0]):(0,t.jsx)(U,{},void 0)},void 0)},j=function(e){if(!e)return 0;try{var n=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(n&&n[2])}catch(e){}return 0},g=function(e){var n=e.list,r=void 0===n?[]:n,a=e.expansion,c=void 0===a||a,u=e.selectMenu,s=void 0===u?"":u,l=e.onClickMenu,g=e.className,b=e.shrinkOthers,y=void 0===b||b,O=e.color,M=(0,i.useState)(!1),k=M[0],N=M[1],E=(0,i.useState)(null),P=E[0],C=E[1],S=(0,i.useState)(null),w=S[0],T=S[1],L=(0,i.useState)([]),_=L[0],q=L[1],F=(0,i.useState)(""),I=F[0],R=F[1],B=(0,i.useState)({}),D=B[0],U=B[1],A=(0,i.useState)({prev:!1,next:!1}),W=A[0],Y=A[1],$=(0,i.useState)({})[0],z=o().useRef();(0,i.useEffect)((function(){s!==I&&R(s),H()}),[s]),(0,i.useEffect)((function(){V(r),H()}),[r]);var G,H=function(){var e=Q(),n=e.min,r=e.max,t=j(z.current.style.transform);Y({prev:t!==n,next:t>r})},J=function(e){return function(){var n=j(z.current.style.transform);switch(e){case"next":n-=100;break;case"prev":n+=100}K(n)}},K=function(e){var n=Q(),r=n.min,t=n.max;e>r&&(e=r),e<t&&(e=t),Y({prev:e!==r,next:e>t}),z.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Q=function(){var e=z.current.parentNode.getBoundingClientRect().height,n=-(z.current.getBoundingClientRect().height-e);return e>z.current.getBoundingClientRect().height&&(n=0),{min:0,max:n}},V=function(e){var n={},r={},t={},i=function(e,o){for(var a=0,c=e.length;a<c;a++){var u=e[a],s=u.path;if(n[s]=u,o){var l=(0,v.DeepClone)(r[o.path]||[]);l.push(s),r[s]=m([],l,!0)}else r[s]=[s];u.children&&u.children.length>0?i(u.children,u):t[s]=r[s]}};i(e),U(t)},X=function(e,n){return function(r){clearTimeout($.leaveTimer);var t=[e];e.children&&e.children.length>0&&(t=e.children),C(n),T(r.target),q(t),N(!0)}},Z=function(){N(!1),T(null),q([]),C(null)},ee=function(){clearTimeout($.leaveTimer)},ne=function(){Z()},re=function(e){var n=e.icon,r=e.label;if(n){var t=p[n];return t?t():n}return"string"==typeof r?r[0]:r},te=function(e){if(!1===e)return setTimeout((function(){H()}),300);l&&l(e)},ie=function(e,n){var r="vertical-menu-list-item-shrink",t=D[I];return t&&-1!==t.indexOf(e.path)&&(r+=" vertical-menu-list-item-shrink-select"),P===n&&(r+=" vertical-menu-list-item-shrink-hover"),r},oe=(0,i.useMemo)((function(){if(c)return r.map((function(e,n){return(0,i.createElement)(h,d({},e,{key:n,level:1,idMenuLast:D,selectMenu:I,onClickMenu:te,shrinkOthers:y}))}))}),[c,r,D,I,l,y]),ae=(0,i.useMemo)((function(){return c?null:r.map((function(e,n){return(0,t.jsx)("div",d({className:ie(e,n),onMouseEnter:X(e,n),onMouseLeave:function(e){clearTimeout($.leaveTimer),$.leaveTimer=setTimeout((function(){Z()}),100)}},{children:(0,t.jsx)("span",{children:re(e)},void 0)}),n)}))}),[c,r,D,I,P]),ce=(0,i.useMemo)((function(){return(0,t.jsx)(t.Fragment,{children:W.prev&&(0,t.jsx)("span",d({className:"scroll-top"},{children:(0,t.jsx)(f(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[W]),ue=(0,i.useMemo)((function(){return(0,t.jsx)(t.Fragment,{children:W.next&&(0,t.jsx)("span",d({className:"scroll-bottom"},{children:(0,t.jsx)(f(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[W]),se=(0,i.useMemo)((function(){var e;return(0,t.jsx)(t.Fragment,{children:k&&(0,t.jsx)(x,{open:k,anchorEl:w,list:_,idMenuLast:D,selectMenu:I,onClickMenu:te,onMouseEnter:ee,onMouseLeave:ne,className:(e="paraui-vertical-menu-item-popper",O&&(e+=" paraui-vertical-menu-item-popper-"+O),e),level:1},void 0)},void 0)}),[k,w,_,D,I,l,$,O]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",d({className:(G="paraui-vertical-menu-list vertical-menu-list",g&&(G+=" "+g),G),onWheel:function(e){return function(e){var n=e.deltaY,r=j(z.current.style.transform);K(r-=n)}(e)}},{children:[ce,(0,t.jsx)("div",d({className:"vertical-menu-list-box"},{children:(0,t.jsxs)("div",d({className:"vertical-menu-list-box-srcoll",ref:z},{children:[oe,ae]}),void 0)}),void 0),ue]}),void 0),se]},void 0)},b=r(1228),y=r.n(b),O=r(9387),M=r.n(O),k=function(){return k=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},k.apply(this,arguments)},N=function(e){var n,r=e.expansion,i=void 0===r||r,o=e.expandIcon,a=e.shrinkIcon,c=e.customizeContent,u=e.clickExpansion,s=e.version,l=e.className,f=function(){u&&u(!i)};return(0,t.jsx)("div",k({className:(n="footer-expansion paraui-footer-expansion",l&&(n+=" "+l),i||(n+=" footer-expansion-shrink"),n)},{children:function(){if(c)return c;return(0,t.jsxs)(t.Fragment,{children:[i?o||(0,t.jsx)(y(),{onClick:f},void 0):a||(0,t.jsx)(M(),{onClick:f},void 0),i&&s&&(0,t.jsx)("span",k({className:"version"},{children:s}),void 0)]},void 0)}()}),void 0)},E=function(){return E=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},E.apply(this,arguments)},P=function(e){var n=e.color,r=void 0===n?"deep":n,o=e.logoProps,a=e.menuListProps,u=e.expansion,s=void 0===u||u,l=e.onClickExpansion,f=e.selectMenu,p=e.onClickMenu,v=e.className,d=e.shrinkOthers,m=void 0===d||d,h=e.footerExpansionProps,x=e.showExpansion,j=void 0===x||x,b=(0,i.useState)(!0),y=b[0],O=b[1];(0,i.useEffect)((function(){s!==y&&O(s)}),[s]);var M,k=function(){l&&l(!y)},P=(0,i.useMemo)((function(){return e.logoProps&&(0,t.jsx)(c,E({},o,{expansion:y}),void 0)}),[o,y]),C=(0,i.useMemo)((function(){return e.menuListProps&&(0,t.jsx)(g,E({},a,{color:r,expansion:y,selectMenu:f,onClickMenu:p,shrinkOthers:m}),void 0)}),[a,y,f,p,r]),S=(0,i.useMemo)((function(){return j?(0,t.jsx)(N,E({clickExpansion:k},h,{expansion:y}),void 0):null}),[y,l,h,l,j]);return(0,t.jsxs)("div",E({className:(M="vertical-menu paraui-vertical-menu",v&&(M+=" "+v),r&&(M+=" paraui-vertical-menu-"+r),s||(M+=" vertical-menu-shrink"),M)},{children:[P,C,S]}),void 0)},C=P},1731:function(n){n.exports=e},1609:function(e){e.exports=n},6028:function(e){e.exports=r},9387:function(e){e.exports=t},1228:function(e){e.exports=i},3475:function(e){e.exports=o},9297:function(e){e.exports=a},2268:function(e){e.exports=c}},l={};function f(e){var n=l[e];if(void 0!==n)return n.exports;var r=l[e]={exports:{}};return s[e](r,r.exports,f),r.exports}f.m=s,u=[],f.O=function(e,n,r,t){if(!n){var i=1/0;for(c=0;c<u.length;c++){n=u[c][0],r=u[c][1],t=u[c][2];for(var o=!0,a=0;a<n.length;a++)(!1&t||i>=t)&&Object.keys(f.O).every((function(e){return f.O[e](n[a])}))?n.splice(a--,1):(o=!1,t<i&&(i=t));o&&(u.splice(c--,1),e=r())}return e}t=t||0;for(var c=u.length;c>0&&u[c-1][2]>t;c--)u[c]=u[c-1];u[c]=[n,r,t]},f.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(n,{a:n}),n},f.d=function(e,n){for(var r in n)f.o(n,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},f.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={7309:0,9296:0};f.O.j=function(n){return 0===e[n]};var n=function(n,r){var t,i,o=r[0],a=r[1],c=r[2],u=0;for(t in a)f.o(a,t)&&(f.m[t]=a[t]);if(c)var s=c(f);for(n&&n(r);u<o.length;u++)i=o[u],f.o(e,i)&&e[i]&&e[i][0](),e[o[u]]=0;return f.O(s)},r=self.webpackChunkParaUI=self.webpackChunkParaUI||[];r.forEach(n.bind(null,0)),r.push=n.bind(null,r.push.bind(r))}();var p=f.O(void 0,[9296],(function(){return f(7940)}));return p=f.O(p)}()}));

package/Menu/interface.d.ts

@@ -4,32 +4,25 @@
  * @description 菜单参数
  */
 import { ReactNode } from 'react';
+/** 菜单类型 */
+export declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+/** color类型 */
+export declare type ColorType = 'deep' | 'light';
 /** logo参数 */
 export interface LogoProps {
-    /** 模式 split分离 full铺满 */
-    mode?: 'split' | 'full';
     /** 展开 / 收起 */
     expansion?: boolean;
-    /** logo地址 */
-    img?: string;
-    /** 标题 */
-    title?: string;
     /** 自定义内容 */
-    customizeContent?: ReactNode;
+    render?: ReactNode;
     /** 样式class */
     className?: string;
-    [name: string]: any;
 }
-/** 菜单模式: vertical竖向 horizontal横向 */
-export declare type MenuModeType = 'vertical' | 'horizontal';
-/** 菜单类型 */
-export declare type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
 /** 菜单列表项参数 */
 export interface MenuChildrenProps {
     /** 样式class */
     className?: string;
     /** 菜单名 */
-    label?: string;
+    label?: ReactNode;
     /** 菜单类型 */
     type?: MenuListTypeType;
     /** 菜单路径 */
@@ -52,8 +45,8 @@ export interface MenuChildrenProps {
 }
 /** 菜单列表参数 */
 export interface MenuListProps {
-    /** 菜单模式 vertical竖向 horizontal横向 */
-    mode?: MenuModeType;
+    /** 颜色 */
+    color?: ColorType;
     /** 展开 / 收起 */
     expansion?: boolean;
     /** 菜单列表参数 */
@@ -66,8 +59,6 @@ export interface MenuListProps {
     className?: string;
     /** 选中菜单,是否收起其他展开项 */
     shrinkOthers?: boolean;
-    /** 自定义更多内容 */
-    moreCustomize?: ReactNode;
     [name: string]: any;
 }
 /** 弹出菜单 */
@@ -93,108 +84,6 @@ export interface MenuItemPopoverProps {
     className?: string;
     [name: string]: any;
 }
-/** 语言 */
-export interface LanguageItemProps {
-    /** 图标 */
-    icon?: ReactNode;
-    /** 文字 */
-    label?: ReactNode;
-    /** 值 */
-    value?: string;
-    [name: string]: any;
-}
-/** 语言 */
-export interface LanguageProps {
-    /** 样式class */
-    className?: string;
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 当前选中的语言 */
-    selectLang?: string;
-    /** 语言列表 */
-    language?: LanguageItemProps[];
-    /** 点击下拉语言 */
-    onClick?: (val: any, item: LanguageItemProps) => void;
-    /** 自定义 */
-    customize?: ReactNode;
-}
-export interface BackSelfcareProps {
-    /** 返回自助服务 */
-    backSelfcare?: {
-        /** 图标 */
-        icon?: ReactNode;
-        /** 标题 */
-        label?: ReactNode;
-        [name: string]: any;
-    };
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 自定义 */
-    customize?: ReactNode;
-    /** 样式class */
-    className?: string;
-    /** 点击事件 */
-    onClick?: (e: any) => void;
-}
-/** 按钮listItem */
-export interface BtnListItemProps {
-    /** 图标 */
-    icon?: ReactNode;
-    /** 标题 */
-    label?: ReactNode;
-    /** 值 */
-    value?: string;
-    [name: string]: any;
-}
-/** 按钮列表 */
-export interface BtnListProps {
-    /** 按钮list */
-    list?: BtnListItemProps[];
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 自定义 */
-    customize?: ReactNode;
-    /** 样式class */
-    className?: string;
-    /** 点击事件 */
-    onClick?: (item: BtnListItemProps, e: any) => void;
-}
-/** 用户信息 */
-export interface UserProps {
-    /** 用户信息 */
-    user?: {
-        /** 图片地址 */
-        img?: string;
-        /** 显示名 */
-        label?: ReactNode;
-        [name: string]: any;
-    };
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 自定义 */
-    customize?: ReactNode;
-    /** 样式class */
-    className?: string;
-    /** 点击用户 */
-    onClick?: (e: any) => void;
-}
-/** 尾部导航 */
-export interface FooterProps {
-    /** 样式class */
-    className?: string;
-    /** 是否展开 */
-    expansion?: boolean;
-    /** 返回自助参数 */
-    backSelfcareProps?: BackSelfcareProps;
-    /** 语言采纳数 */
-    languageProps?: LanguageProps;
-    /** 按钮list */
-    btnListProps?: BtnListProps;
-    /** 用户参数 */
-    userProps?: UserProps;
-    /** 自定义 */
-    customize?: ReactNode;
-}
 /** 尾部展开 */
 export interface FooterExpansionProps {
     /** 是否展开 */
@@ -203,8 +92,8 @@ export interface FooterExpansionProps {
     expandIcon?: ReactNode;
     /** 收起图标 */
     shrinkIcon?: ReactNode;
-    /** 自定义 */
-    customizeContent?: ReactNode;
+    /** 自定义尾部 */
+    render?: ReactNode;
     /** 样式class */
     className?: string;
     /** 展开事件 */
@@ -217,8 +106,8 @@ export interface FooterExpansionProps {
 export interface MenuProps {
     /** 样式class */
     className?: string;
-    /** 菜单模式 vertical竖向 horizontal横向 */
-    mode?: MenuModeType;
+    /** 颜色 */
+    color?: ColorType;
     /** 展开 / 收起 */
     expansion?: boolean;
     /** 当前选中菜单 */
@@ -231,8 +120,6 @@ export interface MenuProps {
     logoProps?: LogoProps;
     /** 菜单配置 */
     menuListProps?: MenuListProps;
-    /** 尾部参数 */
-    footerProps?: FooterProps;
     /** 尾部展开参数 */
     footerExpansionProps?: FooterExpansionProps;
     /** 展开事件 */

package/Menu/logo.d.ts

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

package/Menu/verticalMenuList.d.ts

@@ -1,8 +1,8 @@
 /**
-* @author linhd
-* @date 2021/8/10 17:54
-* @description 竖向菜单
-*/
+ * @author linhd
+ * @date 2021/8/10 17:54
+ * @description 竖向菜单
+ */
 import { FunctionComponent } from 'react';
 import { MenuListProps } from './interface';
 /** 上下箭头 */

package/Message/index.d.ts

@@ -18,6 +18,14 @@ export declare type MsgTypeProps = {
      * 最大显示数
      */
     maxCount?: number;
+    /**
+     * 描述
+     */
+    desc?: string;
+    /**
+     * 隐藏默认图标
+     */
+    hideIcon?: boolean;
 };
 interface MsgPorps {
     (config: string | MsgTypeProps, removeTime?: number): void;

package/Message/index.js

@@ -1,9 +1,10 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("react-dom"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF")):"function"==typeof define&&define.amd?define(["react","react-dom","@para-ui/icons/WarningCircle","@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("react-dom"),require("@para-ui/icons/WarningCircle"),require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF")):e.ParaUI=r(e.react,e["react-dom"],e["@para-ui/icons/WarningCircle"],e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"])}(self,(function(e,r,n,t,o,i){return function(){var a={3425:function(e,r,n){(r=n(9937)(!1)).push([e.id,".para-message-box{position:fixed;top:3%;left:0;z-index:10005;text-align:center;width:100%;pointer-events:none}.para-message-box .msg-item{pointer-events:none}.para-message-box .msg-item .msg-wrapper{display:inline-flex;align-items:center;position:relative;margin:10px auto;padding:10px 50px 10px 20px;border-radius:4px;font-size:14px;box-shadow:4px 4px 6px rgba(70,75,105,0.2),-4px -4px 6px rgba(0,0,0,0.06)}.para-message-box .msg-item .msg-icon{display:inline-flex;margin-right:10px}.para-message-box .msg-item .msg-icon svg{color:currentColor}.para-message-box .msg-item .msg-text{display:table-cell;max-width:60vw;word-wrap:break-word;word-break:normal;font-size:12px}.para-message-box .msg-item .msg-close{position:absolute;right:20px;top:12px;cursor:pointer;pointer-events:auto}.para-message-box .msg-item .msg-close svg{color:currentColor}.para-message-box .msg-info{background-color:#eaeeff;color:#3D66F8}.para-message-box .msg-info .msg-close{color:#3D66F8}.para-message-box .msg-warn{background-color:#fff5ed;color:#FFA150}.para-message-box .msg-warn .msg-close{color:#FFA150}.para-message-box .msg-error{background-color:#fff0ed;color:#F46B53}.para-message-box .msg-error .msg-close{color:#F46B53}.para-message-box .msg-success{background-color:#e7fced;color:#41D658}.para-message-box .msg-success .msg-close{color:#41D658}.para-message-box .para-message-fadeInDown{animation-duration:.5s;animation-name:para-message-fadeInDown}@keyframes para-message-fadeInDown{from{opacity:0;transform:translate(0, -50px)}to{opacity:1;transform:translate(0, 0)}}\n",""]),e.exports=r},9937:function(e){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var n=function(e,r){var n=e[1]||"",t=e[3];if(!t)return n;if(r&&"function"==typeof btoa){var o=(a=t,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),i=t.sources.map((function(e){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,s,c;return[n].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(n,"}"):n})).join("")},r.i=function(e,n,t){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(t)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);t&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),r.push(c))}},r}},4126:function(e){"use strict";
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["@para-ui/icons/CheckCircleF","@para-ui/icons/Close","@para-ui/icons/CloseCircleF","@para-ui/icons/WarningCircleF","react","react-dom"],r):"object"==typeof exports?exports.ParaUI=r(require("@para-ui/icons/CheckCircleF"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircleF"),require("@para-ui/icons/WarningCircleF"),require("react"),require("react-dom")):e.ParaUI=r(e["@para-ui/icons/CheckCircleF"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircleF"],e["@para-ui/icons/WarningCircleF"],e.react,e["react-dom"])}(self,(function(e,r,n,t,o,i){return function(){"use strict";var c,a={4126:function(e){
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},n=0;n<10;n++)r["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[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,i){for(var a,s,c=o(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))n.call(a,l)&&(c[l]=a[l]);if(r){s=r(a);for(var f=0;f<s.length;f++)t.call(a,s[f])&&(c[s[f]]=a[s[f]])}}return c}},9524:function(e,r,n){"use strict";
+*/
+var r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},n=0;n<10;n++)r["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[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,i){for(var c,a,u=o(e),s=1;s<arguments.length;s++){for(var l in c=Object(arguments[s]))n.call(c,l)&&(u[l]=c[l]);if(r){a=r(c);for(var d=0;d<a.length;d++)t.call(c,a[d])&&(u[a[d]]=c[a[d]])}}return u}},9524:function(e,r,n){
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -12,4 +13,4 @@ object-assign
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-n(4126);var t=n(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function u(e,r,n){var t,i={},u=null,l=null;for(t in void 0!==n&&(u=""+n),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(l=r.ref),r)s.call(r,t)&&!c.hasOwnProperty(t)&&(i[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:a.current}}r.jsx=u},7712:function(e,r,n){"use strict";e.exports=n(9524)},8598:function(e,r,n){var t=n(2387),o=n(3425);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:"head",singleton:!1};t(o,i);e.exports=o.locals||{}},2387:function(e,r,n){"use strict";var t,o=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},i=function(){var e={};return function(r){if(void 0===e[r]){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[r]=n}return e[r]}}(),a=[];function s(e){for(var r=-1,n=0;n<a.length;n++)if(a[n].identifier===e){r=n;break}return r}function c(e,r){for(var n={},t=[],o=0;o<e.length;o++){var i=e[o],c=r.base?i[0]+r.base:i[0],u=n[c]||0,l="".concat(c," ").concat(u);n[c]=u+1;var f=s(l),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:l,updater:v(d,r),references:1}),t.push(l)}return t}function u(e){var r=document.createElement("style"),t=e.attributes||{};if(void 0===t.nonce){var o=n.nc;o&&(t.nonce=o)}if(Object.keys(t).forEach((function(e){r.setAttribute(e,t[e])})),"function"==typeof e.insert)e.insert(r);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(r)}return r}var l,f=(l=[],function(e,r){return l[e]=r,l.filter(Boolean).join("\n")});function d(e,r,n,t){var o=n?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(e.styleSheet)e.styleSheet.cssText=f(r,o);else{var i=document.createTextNode(o),a=e.childNodes;a[r]&&e.removeChild(a[r]),a.length?e.insertBefore(i,a[r]):e.appendChild(i)}}function p(e,r,n){var t=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var m=null,g=0;function v(e,r){var n,t,o;if(r.singleton){var i=g++;n=m||(m=u(r)),t=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=u(r),t=p.bind(null,n,r),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else o()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=o());var n=c(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var t=0;t<n.length;t++){var o=s(n[t]);a[o].references--}for(var i=c(e,r),u=0;u<n.length;u++){var l=s(n[u]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},3285:function(e){"use strict";e.exports=t},19:function(e){"use strict";e.exports=o},20:function(e){"use strict";e.exports=i},6897:function(e){"use strict";e.exports=n},9297:function(r){"use strict";r.exports=e},2268:function(e){"use strict";e.exports=r}},s={};function c(e){var r=s[e];if(void 0!==r)return r.exports;var n=s[e]={id:e,exports:{}};return a[e](n,n.exports,c),n.exports}c.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(r,{a:r}),r},c.d=function(e,r){for(var n in r)c.o(r,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},c.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},c.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";c.r(u),c.d(u,{Message:function(){return x}});var e=c(7712),r=c(2268),n=c.n(r),t=c(6897),o=c.n(t),i=c(3285),a=c.n(i),s=c(19),l=c.n(s),f=c(20),d=c.n(f),p=(c(8598),{info:(0,e.jsx)(o(),{},void 0),warn:(0,e.jsx)(o(),{},void 0),error:(0,e.jsx)(d(),{},void 0),success:(0,e.jsx)(a(),{},void 0)}),m="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime());u.default=function(){return(0,e.jsx)("div",{className:"para-message-box",id:m},void 0)};var g=function(r,t,o,i){var a=t.icon,s=t.text,c=t.id,u=function(e){var r=e.icon,n=e.text,t=e.id,o=e.type,i=e.html,a=e.close,s=document.createElement("div");s.className="msg-item",s.id=t,s.innerHTML='<div class="msg-wrapper para-message-fadeInDown msg-'+o+'">\n                '+(r?'<div class="msg-icon"></div>':"")+'\n                <div class="msg-text"></div>\n                '+(a?'<div class="msg-close"></div>':"")+"\n                </div>\n    ";var c=s.querySelector(".msg-text");if(!c)return s;i?c.innerHTML=n:c.innerText=n;var u=s.querySelector(".msg-close");return u&&u.addEventListener("click",(function(){var e;document.querySelector("#"+t)&&(null===(e=null==s?void 0:s.parentNode)||void 0===e||e.removeChild(s),s=null)})),s}({id:c,text:s,icon:a,type:t.type,html:t.html,close:t.close});null==r||r.appendChild(u);var f=document.querySelector("#"+c+" .msg-icon");f&&a&&n().render(a,f);var d=document.querySelector("#"+c+" .msg-close");d&&n().render((0,e.jsx)(l(),{},void 0),d),i&&setTimeout((function(){document.querySelector("#"+u.id)&&(null==r||r.removeChild(u))}),o)},v=function(e,r,n,t){var o,i=p[n],a="",s=!1,c=1/0,u=!isNaN(r)&&r>0;"string"==typeof e?a=e:"object"==typeof e&&(a=e.text||"",i=e.icon||p[n],s=e.html||!1,e.maxCount>0&&(c=e.maxCount||1/0)),o="object"==typeof e&&"boolean"==typeof e.close?e.close:!u;var l=document.getElementById(t);l||((l=document.createElement("div")).id=t,l.className="para-message-box",document.body.appendChild(l));var f="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());g(l,{id:f,text:a,icon:i,type:n,html:s,close:o},r,u),b(l,c)},b=function(e,r){var n,t;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,i=o.length;if(i>r)for(var a=0;a<i;a++)a<r&&o[a]&&(null===(t=o[a].parentNode)||void 0===t||t.removeChild(o[a]))}},x={info:function(e,r){return void 0===r&&(r=2e3),v(e,r,"info",m)},warn:function(e,r){return void 0===r&&(r=2e3),v(e,r,"warn",m)},error:function(e,r){return void 0===r&&(r=2e3),v(e,r,"error",m)},success:function(e,r){return void 0===r&&(r=2e3),v(e,r,"success",m)},clear:function(){return function(e){var r=document.getElementById(e);r&&(r.innerHTML="")}(m)}}}(),u}()}));
+n(4126);var t=n(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var c=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,r,n){var t,i={},s=null,l=null;for(t in void 0!==n&&(s=""+n),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(l=r.ref),r)a.call(r,t)&&!u.hasOwnProperty(t)&&(i[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:c.current}}r.jsx=s},7712:function(e,r,n){e.exports=n(9524)},9810:function(e,r,n){n.r(r),n.d(r,{Message:function(){return b}});var t=n(7712),o=n(2268),i=n.n(o),c=n(9248),a=n.n(c),u=n(3285),s=n.n(u),l=n(19),d=n.n(l),f=n(20),p=n.n(f),m={info:(0,t.jsx)(a(),{},void 0),warn:(0,t.jsx)(a(),{},void 0),error:(0,t.jsx)(p(),{},void 0),success:(0,t.jsx)(s(),{},void 0)},v="msgbox_"+String(1e5*Math.random()|0+(new Date).getTime());r.default=function(){return(0,t.jsx)("div",{className:"para-message-box",id:v},void 0)};var y=function(e,r,n,o){var c=r.icon,a=r.text,u=r.id,s=r.type,l=r.html,f=r.close,p=r.desc,m=r.hideIcon,v=function(e){var r=e.icon,n=e.text,t=e.id,o=e.type,i=e.html,c=e.close,a=e.desc,u=e.hideIcon,s=document.createElement("div");s.className="msg-item",s.id=t,s.innerHTML='<div class="msg-wrapper para-message-fadeInDown msg-'.concat(o,'">\n                ').concat(r?'<div class="msg-icon"></div>':"",'\n                <div class="msg-text"></div>\n                ').concat(c?'<div class="msg-close"></div>':"","\n                </div>\n    ");var l=s.querySelector(".msg-text");if(!l)return s;if(i?l.innerHTML=n:l.textContent=n,a){var d=document.createElement("span");d.className="msg-desc",d.textContent=a||"",l.classList.add("msg-text--title"),l.appendChild(d)}u&&l.classList.add("msg-text--noicon");var f=s.querySelector(".msg-close");return f&&f.addEventListener("click",(function(){var e;document.querySelector("#".concat(t))&&(null===(e=null==s?void 0:s.parentNode)||void 0===e||e.removeChild(s),s=null)})),s}({id:u,text:a,icon:c,type:s,html:l,close:f,desc:p,hideIcon:m});null==e||e.appendChild(v);var y=document.querySelector("#".concat(u," .msg-icon"));y&&c&&!m&&i().render(c,y);var g=document.querySelector("#".concat(u," .msg-close"));g&&i().render((0,t.jsx)(d(),{},void 0),g),o&&setTimeout((function(){document.querySelector("#".concat(v.id))&&(null==e||e.removeChild(v))}),n)},g=function(e,r,n,t){var o,i=m[n],c="",a="",u=!1,s=!1,l=1/0,d=!isNaN(r)&&r>0;"string"==typeof e?c=e:"object"==typeof e&&(c=e.text||"",a=e.desc,i=e.icon||m[n],u=e.html||!1,s=e.hideIcon||!1,e.maxCount>0&&(l=e.maxCount||1/0)),o="object"==typeof e&&"boolean"==typeof e.close?e.close:!d;var f=document.getElementById(t);f||((f=document.createElement("div")).id=t,f.className="para-message-box",document.body.appendChild(f));var p="msgitem_"+String(1e5*Math.random()|0+(new Date).getTime());y(f,{id:p,text:c,icon:i,type:n,html:u,close:o,desc:a,hideIcon:s},r,d),h(f,l)},h=function(e,r){var n,t;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,i=o.length;if(i>r)for(var c=0;c<i;c++)c<r&&o[c]&&(null===(t=o[c].parentNode)||void 0===t||t.removeChild(o[c]))}},b={info:function(e,r){return void 0===r&&(r=2e3),g(e,r,"info",v)},warn:function(e,r){return void 0===r&&(r=2e3),g(e,r,"warn",v)},error:function(e,r){return void 0===r&&(r=2e3),g(e,r,"error",v)},success:function(e,r){return void 0===r&&(r=2e3),g(e,r,"success",v)},clear:function(){return function(e){var r=document.getElementById(e);r&&(r.innerHTML="")}(v)}}},3285:function(r){r.exports=e},19:function(e){e.exports=r},20:function(e){e.exports=n},9248:function(e){e.exports=t},9297:function(e){e.exports=o},2268:function(e){e.exports=i}},u={};function s(e){var r=u[e];if(void 0!==r)return r.exports;var n=u[e]={exports:{}};return a[e](n,n.exports,s),n.exports}s.m=a,c=[],s.O=function(e,r,n,t){if(!r){var o=1/0;for(u=0;u<c.length;u++){r=c[u][0],n=c[u][1],t=c[u][2];for(var i=!0,a=0;a<r.length;a++)(!1&t||o>=t)&&Object.keys(s.O).every((function(e){return s.O[e](r[a])}))?r.splice(a--,1):(i=!1,t<o&&(o=t));i&&(c.splice(u--,1),e=n())}return e}t=t||0;for(var u=c.length;u>0&&c[u-1][2]>t;u--)c[u]=c[u-1];c[u]=[r,n,t]},s.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(r,{a:r}),r},s.d=function(e,r){for(var n in r)s.o(r,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},s.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){var e={641:0,9296:0};s.O.j=function(r){return 0===e[r]};var r=function(r,n){var t,o,i=n[0],c=n[1],a=n[2],u=0;for(t in c)s.o(c,t)&&(s.m[t]=c[t]);if(a)var l=a(s);for(r&&r(n);u<i.length;u++)o=i[u],s.o(e,o)&&e[o]&&e[o][0](),e[i[u]]=0;return s.O(l)},n=self.webpackChunkParaUI=self.webpackChunkParaUI||[];n.forEach(r.bind(null,0)),n.push=r.bind(null,n.push.bind(n))}();var l=s.O(void 0,[9296],(function(){return s(9810)}));return l=s.O(l)}()}));

package/Modal/Confirm/index.d.ts

@@ -1,5 +1,6 @@
 import { FunctionComponent, ReactNode } from "react";
 import { ButtonProps } from "../../Button";
+import './index.scss';
 declare type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
 interface InternalConfirmProps {
     /**图标类型*/
@@ -45,10 +46,8 @@ interface InternalConfirmProps {
 }
 export declare const InternalConfirm: FunctionComponent<InternalConfirmProps>;
 declare type ConfirmProps = Omit<InternalConfirmProps, 'open' | 'resolveFn' | 'destroy' | 'callback'>;
-export declare type ConfirmConf = ConfirmProps | false | null | undefined;
-declare const ConfirmBox: FunctionComponent;
 interface ConfirmFn {
-    (config: ConfirmConf | string, callback?: Function): void | Promise<any>;
+    (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
 }
 export interface ConfirmObject {
     info: ConfirmFn;
@@ -57,4 +56,4 @@ export interface ConfirmObject {
     success: ConfirmFn;
 }
 export declare const Confirm: ConfirmObject;
-export default ConfirmBox;
+export {};

package/Modal/index.d.ts

@@ -1,6 +1,8 @@
-import { FunctionComponent, ReactNode } from "react";
+import React, { FunctionComponent, ReactNode } from "react";
 import { ButtonProps } from "../Button";
-import ConfirmBox, { Confirm, ConfirmObject, ConfirmConf } from "./Confirm";
+import { Confirm, ConfirmObject } from "./Confirm";
+import './index.scss';
+declare type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
 export interface ModalProps {
     /**打开*/
     open?: boolean;
@@ -29,7 +31,7 @@ export interface ModalProps {
     /**cls*/
     className?: string;
     /**大小*/
-    size?: 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
+    size?: ModalSize;
     /**禁用backdrop点击*/
     disableBackdropClick?: boolean;
     /**禁用esc键*/
@@ -39,13 +41,9 @@ export interface ModalProps {
     /**是否全屏*/
     fullScreen?: boolean;
     /**自定义大小*/
-    customizeSize?: {
-        width: string | number;
-        height: string | number;
-    };
-    [customProps: string]: any;
+    customizeSize?: React.CSSProperties;
 }
-declare const Modal: FunctionComponent<ModalProps>;
-export { ConfirmBox, Confirm };
-export type { ConfirmObject, ConfirmConf };
+export declare const Modal: FunctionComponent<ModalProps>;
+export { Confirm };
+export type { ConfirmObject };
 export default Modal;