@para-ui/core 1.1.28 → 1.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AutoTips/index.js +1 -1
- package/Button/index.js +1 -1
- package/ButtonGroup/index.js +1 -1
- package/Checkbox/index.d.ts +2 -2
- package/Checkbox/index.js +1 -1
- package/CheckboxGroup/index.js +1 -1
- package/ComboSelect/index.js +2 -2
- package/ComboSelect/interface.d.ts +10 -8
- package/Container/index.js +1 -1
- package/DatePicker/index.js +3 -3
- package/Desktop/index.js +1 -1
- package/Form/index.js +3 -3
- package/FormItem/index.js +3 -3
- package/FunctionModal/index.js +1 -1
- package/IconList/index.js +3 -3
- package/InputLang/index.js +1 -1
- package/InputNumber/index.d.ts +4 -0
- package/InputNumber/index.js +1 -1
- package/Menu/index.js +1 -1
- package/Message/index.js +3 -3
- package/Modal/index.js +1 -1
- package/MultiBox/index.js +1 -1
- package/Pagination/index.js +3 -3
- package/ParauiProvider/index.js +1 -1
- package/PopConfirm/index.js +1 -1
- package/Popover/index.js +1 -1
- package/Radio/index.d.ts +2 -2
- package/Radio/index.js +1 -1
- package/RadioGroup/index.js +1 -1
- package/Search/index.js +3 -3
- package/Select/index.d.ts +2 -2
- package/Select/index.js +1 -1
- package/SingleBox/index.js +1 -1
- package/Stepper/index.js +3 -3
- package/Switch/index.d.ts +4 -4
- package/Switch/index.js +3 -3
- package/Table/index.js +1 -1
- package/Tabs/index.js +1 -1
- package/TextField/index.js +1 -1
- package/TimePicker/index.js +3 -3
- package/Timeline/index.js +1 -1
- package/Tree/index.js +1 -1
- package/Upload/index.d.ts +1 -1
- package/Upload/index.js +1 -1
- package/index.js +3 -3
- package/package.json +1 -1
package/Menu/index.js
CHANGED
|
@@ -13,4 +13,4 @@ var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,t=Object.pr
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
n(4126);var t=n(9297),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),o.Fragment=r("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,o,n){var t,r={},c=null,u=null;for(t in void 0!==n&&(c=""+n),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(u=o.ref),o)l.call(o,t)&&!s.hasOwnProperty(t)&&(r[t]=o[t]);if(e&&e.defaultProps)for(t in o=e.defaultProps)void 0===r[t]&&(r[t]=o[t]);return{$$typeof:i,type:e,key:c,ref:u,props:r,_owner:a.current}}o.jsx=c,o.jsxs=c},7712:function(e,o,n){e.exports=n(9524)},5794:function(e,o,n){var t=n(7712),i=n(9297),r=n(1731),a=n(8604),l=n(4927),s=n(1102),c=n.n(s),u=n(853),p=function(){return p=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},p.apply(this,arguments)},m=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n},d=(0,u.Z)(),v=(0,a.makeStyles)((function(e){return(0,a.createStyles)({"@keyframes loadingCircle":{"100%":{transform:"rotate(1turn)"}},radius:{borderRadius:15},btnIcon:{"& .btn-icon":{display:"inline-flex",alignItems:"center"},"& .btn-icon svg":{color:"currentColor"}},outlinedBtn:{"& .btn-icon svg":{color:d.thmemColor.primary},"&:disabled":{"& .btn-icon svg":{color:"currentColor"}}},iconButtonToolTip:{display:"inline-block",cursor:"not-allowed","& .iconButton-disabled":{cursor:"not-allowed",pointerEvents:"none"}},loadingBtn:{position:"relative",pointerEvents:"none","&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:1,transition:"opacity .2s",pointerEvents:"none"},"& .loading-icon":{animation:"$loadingCircle 1s infinite linear"}}})})),h=(0,a.withStyles)((function(e){return{tooltip:{margin:"6px 0",backgroundColor:d.bgBorderColor.bg4}}}))(r.Tooltip),g=function(e){var o=v(),n=e.radius,a=e.className,s=e.disabled,u=void 0!==s&&s,d=e.children,h=e.startIcon,g=e.endIcon,f=e.loading,x=void 0!==f&&f,b=m(e,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===b.variant&&(b.disableRipple=!0);var y=(0,i.useState)(!1),j=y[0],C=y[1];return(0,i.useEffect)((function(){C(!!x)}),[x]),(0,t.jsx)(r.Button,p({disabled:u,className:(0,l.Z)("paraui-button",a,o.btnIcon,n&&o.radius,"outlined"===b.variant&&o.outlinedBtn,j&&o.loadingBtn),startIcon:function(){if(!j)return(0,t.jsx)("span",p({className:"btn-icon"},{children:h}),void 0);if("object"==typeof x){var e=x.delay||0;setTimeout((function(){return C(!1)}),e)}return(0,t.jsx)("span",p({className:"btn-icon loading-icon"},{children:(0,t.jsx)(c(),{},void 0)}),void 0)}(),endIcon:(0,t.jsx)("span",p({className:"btn-icon"},{children:g}),void 0)},b,{children:d}),void 0)};g.IconButton=function(e){var o=v(),n=e.showToolTip,a=void 0===n||n,s=e.toolTipTitle,u=void 0===s?"":s,d=e.children,g=e.className,f=e.disabled,x=void 0!==f&&f,b=e.loading,y=void 0!==b&&b,j=e.TooltipProps,C=m(e,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),w=(0,i.useState)(!1),S=w[0],N=w[1],k=(0,t.jsx)(r.IconButton,p({},C,{disabled:x,disableRipple:!0,className:(0,l.Z)("paraui-icon-button",g,a&&x&&"iconButton-disabled",S&&o.loadingBtn)},{children:function(){if(!S)return d;if("object"==typeof y){var e=y.delay||0;setTimeout((function(){return N(!1)}),e)}return(0,t.jsx)("span",p({className:"loading-icon"},{children:(0,t.jsx)(c(),{},void 0)}),void 0)}()}),void 0);return(0,i.useEffect)((function(){N(!!y)}),[y]),a?(0,t.jsx)(h,p({title:u},j,{children:(0,t.jsx)("span",p({className:(0,l.Z)(x&&o.iconButtonToolTip)},{children:k}),void 0)}),void 0):k},o.default=g},853:function(e,o){var n={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};o.Z=function(){return n}},1731:function(e){e.exports=t},8604:function(e){e.exports=o},1609:function(e){e.exports=a},6028:function(e){e.exports=r},9387:function(e){e.exports=u},5295:function(e){e.exports=c},1102:function(e){e.exports=i},6090:function(e){e.exports=l},3475:function(e){e.exports=s},9297:function(o){o.exports=e},2268:function(e){e.exports=n}},m={};function d(e){var o=m[e];if(void 0!==o)return o.exports;var n=m[e]={exports:{}};return p[e](n,n.exports,d),n.exports}d.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(o,{a:o}),o},d.d=function(e,o){for(var n in o)d.o(o,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:o[n]})},d.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var v={};return function(){d.r(v),d.d(v,{Menu:function(){return de},default:function(){return ve}});var e=d(7712),o=d(9297),n=d.n(o),t=d(8604),i=d(853),r=function(){return r=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},r.apply(this,arguments)},a=(0,i.Z)(),l=(0,t.makeStyles)((function(){return(0,t.createStyles)({logo:{width:"100%",display:"inline-block","& > .logo-content":{display:"inline-block",textAlign:"center",whiteSpace:"nowrap",width:"100%","& > img":{marginRight:"10px",width:"auto",verticalAlign:"top"},"& > span":{whiteSpace:"nowrap",fontWeight:"700",fontSize:"18px",color:"white",verticalAlign:"top",display:"inline-block"}},"&.logo-split":{padding:"12px 20px 0 20px","& > .logo-content":{backgroundColor:a.thmemColor.primary,borderRadius:a.borderRadius,padding:"7px 10px","& > img":{height:"24px"},"& > span":{height:"24px",lineHeight:"24px"}}},"&.logo-full":{"& > .logo-content":{backgroundColor:a.thmemColor.primary,padding:"10px 0","& > img":{height:"30px"},"& > span":{height:"30px",lineHeight:"30px"}}},"&.logo-shrink":{"&.logo-split":{padding:"0","& > .logo-content":{padding:"13px 0",borderRadius:"0","& > img":{marginRight:"0"}}},"&.logo-full":{"& > .logo-content":{"& > img":{marginRight:"0"}}}}}})})),s=function(o){var n,t=o.mode,i=void 0===t?"split":t,a=o.expansion,s=void 0===a||a,c=o.img,u=o.title,p=o.customizeContent,m=o.className,d=l(o);return(0,e.jsx)("div",r({className:(n=d.logo,n+=" logo",m&&(n+=" "+m),i&&(n+=" logo-"+i),s||(n+=" logo-shrink"),n)},{children:p||(0,e.jsxs)("div",r({className:"logo-content"},{children:[c&&(0,e.jsx)("img",{src:c},void 0),s&&u&&(0,e.jsx)("span",{children:u},void 0)]}),void 0)}),void 0)},c=d(2268),u=d(5794),p=d(1731),m=function(){return m=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},m.apply(this,arguments)},h=(0,i.Z)(),g=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-meun-right":{height:"100%",display:"flex","& > .back-btn":{padding:"0 15px",height:"100%",display:"flex",alignItems:"center","& > button":{width:"100%",whiteSpace:"nowrap",boxShadow:"none",padding:"0 10px 0 14px","& svg":{color:"white"}}},"& > .language":{height:"100%","& .language-item":{display:"flex",padding:"0 15px",cursor:"pointer",alignItems:"center",height:"100%",position:"relative","&:after":{position:"absolute",left:"0",top:"0",content:'""',zIndex:1},"&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:h.thmemColor.primary}}},"& > .language-item-icon":{width:"16px",marginRight:"5px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .language-item-label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"}},"& > .li-collapse":{"& .language-item":{paddingLeft:"30px","&.language-item-select":{"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:h.thmemColor.primary}}}}},"&.language-select":{"& .language-item":{backgroundColor:h.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .language-item-label":{color:h.thmemColor.primary}}}},"& > .btn-list":{display:"flex",height:"100%","& > .btn-list-item":{display:"flex",padding:"0 15px",cursor:"pointer",alignItems:"center","&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:h.thmemColor.primary}},"& > .btn-list-item-label":{color:h.thmemColor.primary}},"& > .btn-list-item-icon":{width:"16px",marginRight:"5px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}}},"& > .btn-list-item-label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"}}},"& > .logo":{display:"flex",padding:"0 15px",alignItems:"center",height:"100%","& > img":{height:"30px",width:"auto"},"& > span":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"700",whiteSpace:"nowrap",marginLeft:"10px"}}},"menu-popover":{paddingTop:"5px",zIndex:10,"& > .menu-popover-box":{boxShadow:h.boxShadow,borderRadius:h.borderRadius,backgroundColor:"white",color:h.textColor.primary,"& > .menu-popover-item":{width:"140px",height:"30px",padding:"0 10px",display:"flex",alignItems:"center",cursor:"pointer","&:hover":{backgroundColor:h.bgBorderColor.line1,"& > .icon":{"& > svg":{color:h.thmemColor.primary}},"& > .label":{color:h.thmemColor.primary}},"& > .icon":{marginRight:"10px","& > svg":{fontSize:"16px",color:h.textColor.primary,verticalAlign:"top",position:"relative"}},"& > .label":{fontSize:"12px",color:h.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left"},"&.menu-popover-item-select":{"& > .icon":{"& > svg":{color:h.thmemColor.primary}},"& > .label":{color:h.thmemColor.primary}}}}}})})),f=function(o){var n,t=o.backSelfcare,i=void 0===t?{}:t,r=o.customize,a=o.onClick,l=o.className,s=function(e){a&&a(e)};return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",m({className:(n="back-btn",l&&(n+=" "+l),n)},{children:(0,e.jsx)(u.default,m({startIcon:i.icon,variant:"contained",onClick:s},{children:i.label}),void 0)}),void 0)},void 0)},x=function(n){var t=g(n),i=n.language,r=void 0===i?[]:i,a=n.selectLang,l=void 0===a?"":a,s=n.onClick,u=n.expansion,d=void 0===u||u,v=n.className,h=n.customize,f=(0,o.useState)(!1),x=f[0],b=f[1],y=(0,o.useState)({}),j=y[0],C=y[1],w=(0,o.useState)({}),S=w[0],N=w[1],k=(0,o.useState)(!1),z=k[0],M=k[1],F=(0,o.useState)(null),O=F[0],E=F[1],T=(0,o.useState)({})[0];(0,o.useEffect)((function(){var e=j[l]||{};N(e)}),[l,j]),(0,o.useEffect)((function(){for(var e={},o=0,n=r.length;o<n;o++){var t=r[o];t.value&&(e[t.value]=t)}C(e)}),[r]);var P,I=function(e){return function(){s&&s(e.value,e),b(!1),M(!1)}},L=function(e){T.timer=setTimeout((function(){M(!1),E(null)}),100)},B=function(e){return function(o){clearTimeout(T.timer),M(!0),e&&E(o.target)}},R=(0,o.useMemo)((function(){return(0,e.jsx)("div",m({className:"language-item",onMouseLeave:L,onMouseEnter:B(!0)},{children:(0,e.jsxs)(e.Fragment,{children:[S.icon&&(0,e.jsx)("span",m({className:"language-item-icon"},{children:S.icon}),void 0),(0,e.jsx)("span",m({className:"language-item-label"},{children:S.label}),void 0)]},void 0)}),void 0)}),[d,S,r,x,T]),A=(0,o.useMemo)((function(){var o=function(e){var o="menu-popover-item";return e.value===S.value&&(o+=" menu-popover-item-select"),o};return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,m({open:z,anchorEl:O,disablePortal:!0,placement:"bottom-end",onMouseLeave:L,onMouseEnter:B(!1),className:(n=t["menu-popover"],n+=" menu-popover")},{children:(0,e.jsx)("div",m({className:"menu-popover-box"},{children:r.map((function(n,t){return(0,e.jsxs)("div",m({className:o(n),onClick:I(n)},{children:[n.icon&&(0,e.jsx)("span",m({className:"icon"},{children:n.icon}),void 0),(0,e.jsx)("span",m({className:"label"},{children:n.label}),void 0)]}),t)}))}),void 0)}),void 0);var n}),{},void 0),document.getElementsByTagName("body")[0])}),[r,S,t,z,O,T,s]);return(0,e.jsx)(e.Fragment,{children:h||(0,e.jsxs)("div",m({className:(P="language",v&&(P+=" "+v),z&&(P+=" language-select"),P)},{children:[R,z&&A]}),void 0)},void 0)},b=function(n){var t,i=n.list,r=void 0===i?[]:i,a=n.expansion,l=void 0===a||a,s=n.customize,c=n.className,u=n.onClick,p=function(e){return function(o){u&&u(e,o)}},d=(0,o.useMemo)((function(){var o=function(o){return l?(0,e.jsxs)(e.Fragment,{children:[o.icon&&(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",m({className:"btn-list-item-label"},{children:o.label}),void 0)]},void 0):o.icon?(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.icon}),void 0):o.label?"string"==typeof o.label?(0,e.jsx)("span",m({className:"btn-list-item-icon"},{children:o.label[0]}),void 0):(0,e.jsx)("span",m({className:"btn-list-item-label"},{children:o.label}),void 0):void 0};return(0,e.jsx)(e.Fragment,{children:r.map((function(n,t){return(0,e.jsx)("div",m({className:"btn-list-item",onClick:p(n)},{children:o(n)}),t)}))},void 0)}),[r,l]);return(0,e.jsx)(e.Fragment,{children:s||(0,e.jsx)("div",m({className:(t="btn-list",c&&(t+=" "+c),l||(t+=" btn-list-shrink"),t)},{children:d}),void 0)},void 0)},y=function(o){var n,t=o.user,i=void 0===t?{}:t,r=o.customize,a=o.className,l=o.onClick;return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",m({className:(n="logo",a&&(n+=" "+a),n),onClick:function(e){l&&l(e)}},{children:(0,e.jsxs)(e.Fragment,{children:[i.img&&(0,e.jsx)("img",{src:i.img,alt:""},void 0),i.label&&(0,e.jsx)("span",{children:i.label},void 0)]},void 0)}),void 0)},void 0)},j=function(n){var t,i=g(n),r=n.className,a=void 0===r?"":r,l=n.expansion,s=void 0===l||l,c=n.backSelfcareProps,u=n.languageProps,p=n.btnListProps,d=n.userProps,v=n.customize,h=(0,o.useMemo)((function(){return c&&(0,e.jsx)(f,m({},c,{expansion:s}),void 0)}),[c,s]),j=(0,o.useMemo)((function(){return u&&(0,e.jsx)(x,m({},u,{expansion:s}),void 0)}),[u,s]),C=(0,o.useMemo)((function(){return p&&(0,e.jsx)(b,m({},p,{expansion:s}),void 0)}),[p,s]),w=(0,o.useMemo)((function(){return d&&(0,e.jsx)(y,m({},d,{expansion:s}),void 0)}),[d,s]);return(0,e.jsx)(e.Fragment,{children:v||(0,e.jsxs)("div",m({className:(t=i["horizontal-meun-right"],a&&(t+=" "+a),t)},{children:[h,j,C,w]}),void 0)},void 0)},C=d(6028),w=d.n(C),S=d(1609),N=d(6090),k=d.n(N),z=d(3475),M=function(){return M=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},M.apply(this,arguments)},F=function(e,o,n){if(n||2===arguments.length)for(var t,i=0,r=o.length;i<r;i++)!t&&i in o||(t||(t=Array.prototype.slice.call(o,0,i)),t[i]=o[i]);return e.concat(t||Array.prototype.slice.call(o))},O=(0,i.Z)(),E=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-menu-list":{height:"100%",width:"100%",lineHeight:"0",overflow:"hidden","& > .horizontal-menu-list-item":{padding:"0 20px",height:"100%",display:"flex",alignItems:"center",cursor:"pointer",position:"relative",whiteSpace:"nowrap",float:"left","&:after":{position:"absolute",left:"0",top:"0",content:'""',zIndex:1},"&:hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"& > .menu-item-icon":{"& > svg":{fontSize:"16px",color:O.textColor.primary,marginRight:"5px"}},"& > .menu-item-label":{fontSize:"12px",color:O.textColor.primary,whiteSpace:"nowarp"},"& > .menu-item-arrow":{"& > svg":{fontSize:"16px",transition:"all .3s",color:O.textColor.primary,marginLeft:"2px"}},"&.horizontal-menu-list-item-select":{"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"&.horizontal-menu-list-item-hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}}}},"menu-item-popper":{paddingTop:"5px","& > .menu-item-popper-content":{"& > .menu-item-popper-content-item":{"&:first-child:after":{width:"100%",height:"100%",content:'""',position:"absolute",left:"0",top:"-5px",zIndex:-1}}},"& .menu-item-popper, &.menu-item-popper":{zIndex:10,"& > .menu-item-popper-content":{boxShadow:O.boxShadow,borderRadius:O.borderRadius,backgroundColor:"white",color:O.textColor.primary,"& > .menu-item-popper-content-item":{position:"relative","& > .menu-item-popper-content-item-content":{width:"140px",height:"30px",padding:"0 10px",display:"flex",cursor:"pointer",alignItems:"center","&:hover":{backgroundColor:O.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:O.textColor.primary,verticalAlign:"top",position:"relative","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:O.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:O.textColor.primary,verticalAlign:"top",position:"relative",transform:"rotate(270deg)","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-popper":{paddingLeft:"5px"}},"&.menu-item-popper-content-item-select":{"& > .menu-item-popper-content-item-content":{"& > .menu-item-icon":{"& > svg":{color:O.thmemColor.primary}},"& > .menu-item-label":{color:O.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:O.thmemColor.primary}}}}}},"& .menu-item-popper":{position:"absolute",transform:"none !important",left:"100% !important",top:"0"}}}})})),T=function(n){var t=n.open,i=void 0!==t&&t,r=n.anchorEl,a=n.idMenuLast,l=n.selectMenu,s=void 0===l?"":l,u=n.onClickMenu,m=n.list,d=void 0===m?[]:m,v=n.onMouseEnter,h=n.onMouseLeave,g=n.level,f=void 0===g?1:g,x=n.className,b=(0,o.useState)(null),y=b[0],j=b[1],C=(0,o.useState)(null),N=C[0],k=C[1],z=(0,o.useState)([]),F=z[0],O=z[1],E=(0,o.useState)({})[0],P=function(e,o){return function(n){var t;t=n,clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===f&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=t.target;k(i),O(n),j(o)}),50)}},I=function(e){return function(o){e.children&&e.children.length>0||(u&&u(e),h&&h())}},L=function(e){var o="menu-item-popper-content-item",n=a&&a[s];return n&&-1!==n.indexOf(e.path)&&(o+=" menu-item-popper-content-item-select"),o},B=function(){var e="menu-item-popper";return x&&(e+=" "+x),e},R=(0,o.useCallback)((function(o,n){return(0,e.jsx)(e.Fragment,{children:o.children&&o.children.length>0&&y===n&&(0,e.jsx)(T,{open:y===n,anchorEl:N,list:F,idMenuLast:a,selectMenu:s,onClickMenu:u,onMouseEnter:v,onMouseLeave:h,level:f+1},void 0)},void 0)}),[y,N,F,a,s,u,v,h,f]),A=(0,o.useMemo)((function(){return(0,e.jsx)("div",M({className:"menu-item-popper-content"},{children:d.map((function(o,n){var t=function(e){var o=e.icon;if(o){var n=S[o];return n?n():o}}(o),i=function(o){var n=o.children;if(n&&n.length>0)return(0,e.jsx)(w(),{},void 0)}(o);return(0,e.jsx)("div",M({className:L(o),onMouseLeave:function(e){clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===f&&h&&h(),j(null),k(null),O([])}))},onMouseEnter:P(o,n)},{children:(0,e.jsxs)("div",M({className:"menu-item-popper-content-item-content",onClick:I(o)},{children:[t&&(0,e.jsx)("span",M({className:"menu-item-icon"},{children:t}),void 0),(0,e.jsx)("span",M({className:"menu-item-label"},{children:o.label}),void 0),i&&(0,e.jsx)("span",M({className:"menu-item-arrow"},{children:i}),void 0),R(o,n)]}),void 0)}),n)}))}),void 0)}),[d,u,y,N,F,a,s,u,v,h,f]),D=function(){return 1!==f?(0,e.jsx)("div",M({className:B()},{children:A}),void 0):(0,e.jsx)(p.Popper,M({open:i,anchorEl:r,disablePortal:!0,placement:"bottom-start",className:B()},{children:A}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===f?(0,c.createPortal)((0,e.jsx)(D,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(D,{},void 0)},void 0)},P=function(n){var t=n.list,i=void 0===t?[]:t,r=n.selectMenu,a=void 0===r?"":r,l=n.onClickMenu,s=n.className,c=n.moreCustomize,u=E(n),p=(0,o.useState)(!1),m=p[0],d=p[1],v=(0,o.useState)(null),h=v[0],g=v[1],f=(0,o.useState)(null),x=f[0],b=f[1],y=(0,o.useState)([]),j=y[0],C=y[1],N=(0,o.useState)(""),O=N[0],P=N[1],I=(0,o.useState)({}),L=I[0],B=I[1],R=(0,o.useState)({}),A=R[0],D=R[1],q=(0,o.useState)("horizontal-menu-list-"+(0,z.UUID)())[0],W=(0,o.useState)(null),_=W[0],H=W[1],Z=(0,o.useState)({})[0];(0,o.useEffect)((function(){a!==O&&P(a)}),[a]),(0,o.useEffect)((function(){return J(i),Y(),window.addEventListener("resize",Y),function(){window.removeEventListener("resize",Y)}}),[i]);var U,Y=function(){clearTimeout(Z.timerResize),G(),Z.timerResize=setTimeout((function(){H(i.length),$()}),100)},$=function(e){if(null!==e&&0!==e){void 0===e&&(e=i.length);var o=document.querySelector("."+q);if(o)if(o.scrollHeight>o.clientHeight){var n=Number(e)-1;H(n),$(n)}else i.length<=e&&G()}},G=function(){},J=function(e){var o={},n={},t={},i={},r=function(e,a,l){for(var s=0,c=e.length;s<c;s++){var u=e[s],p=u.path;o[p]=u;var m=void 0===l?s:l;if(a){var d=(0,z.DeepClone)(n[a.path]||[]);d.push(p),n[p]=F([],d,!0)}else n[p]=[p];u.children&&u.children.length>0?r(u.children,u,m):(t[p]=n[p],i[p]=m)}};r(e),D(i),B(t)},K=function(e,o){return function(n){clearTimeout(Z.leaveTimer);var t=[];e.children&&e.children.length>0&&(t=e.children),g(o),b(n.target),C(t),d(!0)}},Q=function(){d(!1),b(null),C([]),g(null)},V=function(){clearTimeout(Z.leaveTimer)},X=function(){Q()},ee=function(e){l&&l(e)},oe=function(e,o){var n=" horizontal-menu-list-item",t=L[O];return t&&-1!==t.indexOf(e.path)&&(n+=" horizontal-menu-list-item-select"),h===o&&(n+=" horizontal-menu-list-item-hover"),n},ne=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:m&&(0,e.jsx)(T,{open:m,anchorEl:x,list:j,idMenuLast:L,selectMenu:O,onClickMenu:ee,onMouseEnter:V,onMouseLeave:X,className:u["menu-item-popper"],level:1},void 0)},void 0)}),[m,x,j,L,O,l,Z]),te=function(e){clearTimeout(Z.leaveTimer);for(var o=[],n=Number(_),t=i.length;n<t;n++)o.push(i[n]);g(_),b(e.target),C(o),d(!0)},ie=function(){clearTimeout(Z.leaveTimer),Z.leaveTimer=setTimeout((function(){Q()}),100)},re=function(){var e=" horizontal-menu-list-item",o=A[O];return null!==_&&_<=o&&(e+=" horizontal-menu-list-item-select"),h===_&&(e+=" horizontal-menu-list-item-hover"),e};return(0,e.jsxs)("div",M({className:(U=u["horizontal-menu-list"],U+=" horizontal-menu-list",s&&(U+=" "+s),q&&(U+=" "+q),U)},{children:[i.map((function(o,n){if(null!==_&&_<=n)return null;var t=function(e){var o=e.icon;if(o){var n=S[o];return n?n():o}}(o),i=function(o){var n=o.children;if(n&&n.length>0)return(0,e.jsx)(w(),{},void 0)}(o);return(0,e.jsxs)("div",M({onClick:function(){ee(o)},onMouseEnter:K(o,n),onMouseLeave:function(e){clearTimeout(Z.leaveTimer),Z.leaveTimer=setTimeout((function(){Q()}),100)},className:oe(o,n)},{children:[t&&(0,e.jsx)("span",M({className:"menu-item-icon"},{children:t}),void 0),(0,e.jsx)("span",M({className:"menu-item-label"},{children:o.label}),void 0),i&&(0,e.jsx)("span",M({className:"menu-item-arrow"},{children:i}),void 0)]}),n)})),function(){if(null!==_&&i.length>_)return(0,e.jsx)("div",M({onMouseEnter:te,onMouseLeave:ie,className:re()},{children:c||(0,e.jsx)("span",M({className:"menu-item-icon"},{children:(0,e.jsx)(k(),{},void 0)}),void 0)}),void 0)}(),ne]}),void 0)},I=d(5295),L=d.n(I),B=d(9387),R=d.n(B),A=function(){return A=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},A.apply(this,arguments)},D=(0,i.Z)(),q=(0,t.makeStyles)((function(){return(0,t.createStyles)({"horizontal-menu":{height:"50px",width:"100%",display:"flex",justifyContent:"space-between",boxShadow:D.boxShadow,"& > .horizontal-menu-left":{display:"flex",width:"100%","& > .logo":{width:"200px","&.logo-split":{paddingTop:"6px",paddingRight:"15px"},"&.logo-full":{marginRight:"15px"}},"& > .horizontal-expansion":{display:"flex",alignItems:"center",cursor:"pointer"},"& > .horizontal-menu-list-box":{width:"calc(100% - 200px)"}},"& > .horizontal-menu-right":{},"&.horizontal-menu-shrink":{"& > .horizontal-menu-left":{"& > .logo":{"&.logo-split":{padding:"0"}}},"&.horizontal-menu-logo-expansion":{"& > .horizontal-menu-left":{"& > .logo":{"&.logo-split":{padding:"6px 15px 0 20px"}}}}},"&.horizontal-menu-no-logo":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"100%"}}},"&.horizontal-menu-show-expansion":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 215px)"}}},"&.horizontal-menu-logo-full":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 215px)"}},"&.horizontal-menu-show-expansion":{"& > .horizontal-menu-left":{"& > .horizontal-menu-list-box":{width:"calc(100% - 230px)"}}}}}})})),W=function(n){var t=n.logoProps,i=n.menuListProps,r=n.footerProps,a=n.expansion,l=void 0===a||a,c=n.onClickExpansion,u=n.selectMenu,p=n.onClickMenu,m=n.showExpansion,d=void 0!==m&&m,v=n.footerExpansionProps,h=n.className,g=q(n),f=(0,o.useState)(!0),x=f[0],b=f[1];(0,o.useEffect)((function(){l!==x&&b(l)}),[l]);var y,C=function(){c&&c(!x)},w=(0,o.useMemo)((function(){return n.logoProps&&t&&void 0===n.logoProps.expansion&&(t.expansion=!0),n.logoProps&&(0,e.jsx)(s,A({expansion:x},t),void 0)}),[x,t]),S=(0,o.useMemo)((function(){if(!d)return null;var o=v||{},n=o.customizeContent,t=o.expandIcon,i=o.shrinkIcon,r=o.className;if(n)return n;var a;return(0,e.jsx)("div",A({className:(a="horizontal-expansion",r&&(a+=" "+r),a)},{children:x?t||(0,e.jsx)(L(),{onClick:C},void 0):i||(0,e.jsx)(R(),{onClick:C},void 0)}),void 0)}),[x,c,d,v]),N=(0,o.useMemo)((function(){return n.menuListProps&&(0,e.jsx)("div",A({className:"horizontal-menu-list-box"},{children:(0,e.jsx)(P,A({},i,{expansion:x,selectMenu:u,onClickMenu:p}),void 0)}),void 0)}),[i,x,u,p]),k=(0,o.useMemo)((function(){return n.footerProps&&(0,e.jsx)(j,A({},r,{expansion:x}),void 0)}),[r,x]);return(0,e.jsxs)("div",A({className:(y=g["horizontal-menu"],y+=" paraui-horizontal-menu",h&&(y+=" "+h),x||(y+=" horizontal-menu-shrink"),t||(y+=" horizontal-menu-no-logo"),t&&t.expansion&&(y+=" horizontal-menu-logo-expansion"),t&&"full"===t.mode&&(y+=" horizontal-menu-logo-full"),d&&(y+=" horizontal-menu-show-expansion"),y)},{children:[(0,e.jsxs)("div",A({className:"horizontal-menu-left"},{children:[w,S,N]}),void 0),(0,e.jsx)("div",A({className:"horizontal-menu-right"},{children:k}),void 0)]}),void 0)},_=function(){return _=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},_.apply(this,arguments)},H=function(e,o,n){if(n||2===arguments.length)for(var t,i=0,r=o.length;i<r;i++)!t&&i in o||(t||(t=Array.prototype.slice.call(o,0,i)),t[i]=o[i]);return e.concat(t||Array.prototype.slice.call(o))},Z=(0,i.Z)(),U=(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-menu-list":{overflow:"hidden",height:"100%",padding:"30px 0",position:"relative","& > .scroll-top":{position:"absolute",top:"0",left:"0",width:"100%",height:"30px",textAlign:"center","& > svg":{color:Z.textColor.primary,cursor:"pointer",verticalAlign:"top",marginTop:"7px",transform:"rotate(180deg)","&:hover":{color:Z.thmemColor.primary}}},"& > .vertical-menu-list-box":{height:"100%",overflow:"hidden","& > .vertical-menu-list-box-srcoll":{transition:"all .3s","& .vertical-menu-list-item":{"& > .vertical-menu-list-item-content":{height:"40px",lineHeight:"40px",cursor:"pointer",display:"flex","&:hover":{backgroundColor:Z.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:Z.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}}},"&.vertical-menu-list-item-open":{backgroundColor:Z.bgBorderColor.bg2,"& > .vertical-menu-list-item-content":{"& > .menu-item-arrow":{"& > svg":{transform:"rotate(180deg)"}}}},"&.vertical-menu-list-item-select":{"& > .vertical-menu-list-item-content":{"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}}}},"& .vertical-menu-list-item-shrink":{height:"40px",lineHeight:"40px","&:hover":{"& > span":{color:Z.thmemColor.primary,backgroundColor:Z.bgBorderColor.line1,"& > svg":{color:Z.thmemColor.primary}}},"& > span":{display:"inline-block",width:"100%",height:"100%",color:Z.textColor.primary,textAlign:"center",fontSize:"12px",cursor:"pointer",position:"relative","&:after":{content:'""',position:"absolute",width:"100%",height:"100%",left:"0",top:"0",zIndex:1},"& > svg":{verticalAlign:"top",position:"relative",top:"12px",fontSize:"16px",color:Z.textColor.primary}},"&.vertical-menu-list-item-shrink-select":{"& > span":{color:Z.thmemColor.primary,"& > svg":{color:Z.thmemColor.primary}}},"&.vertical-menu-list-item-shrink-hover":{"& > span":{color:Z.thmemColor.primary,backgroundColor:Z.bgBorderColor.line1,"& > svg":{color:Z.thmemColor.primary}}}}}},"& > .scroll-bottom":{position:"absolute",bottom:"0",left:"0",width:"100%",height:"30px",textAlign:"center","& > svg":{color:Z.textColor.primary,cursor:"pointer",verticalAlign:"top",marginTop:"7px","&:hover":{color:Z.thmemColor.primary}}}},"vertical-menu-item-popper":{"& .vertical-menu-item-popper, &.vertical-menu-item-popper":{paddingLeft:"5px",zIndex:10,"& > .menu-item-popper-content":{boxShadow:Z.boxShadow,borderRadius:Z.borderRadius,backgroundColor:"white",color:Z.textColor.primary,"& > .menu-item-popper-content-item":{position:"relative","&:after":{position:"absolute",left:"-5px",top:"0",width:"100%",height:"40px",zIndex:-1,content:'""'},"& > .menu-item-popper-content-item-content":{width:"200px",height:"40px",padding:"0 10px",display:"flex",cursor:"pointer","&:hover":{backgroundColor:Z.bgBorderColor.line1,"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}},"& > .menu-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .menu-item-label":{fontSize:"12px",color:Z.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left",lineHeight:"40px"},"& > .menu-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Z.textColor.primary,verticalAlign:"top",position:"relative",top:"12px",transform:"rotate(270deg)","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}}},"&.menu-item-popper-content-item-select":{"& > .menu-item-popper-content-item-content":{"& > .menu-item-icon":{"& > svg":{color:Z.thmemColor.primary}},"& > .menu-item-label":{color:Z.thmemColor.primary},"& > .menu-item-arrow":{"& > svg":{color:Z.thmemColor.primary}}}}}},"& .vertical-menu-item-popper":{position:"absolute",transform:"none !important",left:"100% !important",top:"0"}}}})})),Y=function(n){var t=n.label,i=(n.type,n.path),r=n.icon,a=n.children,l=n.className,s=n.level,c=void 0===s?1:s,u=n.selectMenu,m=void 0===u?"":u,d=n.idMenuLast,v=n.onClickMenu,h=n.shrinkOthers,g=void 0===h||h,f=(0,o.useState)(!1),x=f[0],b=f[1];(0,o.useEffect)((function(){var e=d[m];e&&-1!==e.indexOf(i)&&e.length>1?b(!0):g&&b(!1)}),[d,m,i]);var y=function(){if(a&&a.length>0)return v&&v(!1),b(!x);v&&v(n)},j=function(){if(r){var o=S[r];return o?o():r}return(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)},C=(0,o.useMemo)((function(){return(0,e.jsxs)("div",_({onClick:y,className:"vertical-menu-list-item-content",style:{paddingLeft:15*c+"px",paddingRight:"15px"}},{children:[(0,e.jsx)("span",_({className:"menu-item-icon"},{children:j()}),void 0),(0,e.jsx)("span",_({className:"menu-item-label"},{children:t}),void 0),(0,e.jsx)("span",_({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(w(),{},void 0):(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)}),void 0)]}),void 0)}),[a,v,x,c,r,t]),N=(0,o.useMemo)((function(){return(0,e.jsx)(p.Collapse,_({in:x,className:"li-collapse",timeout:"auto"},{children:a&&a.length>0&&a.map((function(o,n){return(0,e.jsx)(Y,_({},o,{level:c+1,idMenuLast:d,selectMenu:m,onClickMenu:v,shrinkOthers:g}),n)}))}),void 0)}),[x,a,c,d,m,v,g]);return(0,e.jsxs)("div",_({className:function(){var e="vertical-menu-list-item";x&&(e+=" vertical-menu-list-item-open"),l&&(e+=" "+l);var o=d[m];return o&&-1!==o.indexOf(i)&&(e+=" vertical-menu-list-item-select"),e}()},{children:[C,N]}),void 0)},$=function(n){var t=n.open,i=void 0!==t&&t,r=n.anchorEl,a=n.idMenuLast,l=n.selectMenu,s=void 0===l?"":l,u=n.onClickMenu,m=n.list,d=void 0===m?[]:m,v=n.onMouseEnter,h=n.onMouseLeave,g=n.level,f=void 0===g?1:g,x=n.className,b=(0,o.useState)(null),y=b[0],j=b[1],C=(0,o.useState)(null),N=C[0],k=C[1],z=(0,o.useState)([]),M=z[0],F=z[1],O=(0,o.useState)({})[0],E=function(e,o){return function(n){var t;t=n,clearTimeout(O.leaveTimer),O.leaveTimer=setTimeout((function(){1===f&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=t.target;k(i),F(n),j(o)}),50)}},T=function(e){return function(o){e.children&&e.children.length>0||(u&&u(e),h&&h())}},P=function(o){if(o){var n=S[o];return n?n():o}return(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0)},I=function(e){var o="menu-item-popper-content-item",n=a&&a[s];return n&&-1!==n.indexOf(e.path)&&(o+=" menu-item-popper-content-item-select"),o},L=function(){var e="vertical-menu-item-popper";return x&&(e+=" "+x),e},B=(0,o.useCallback)((function(o,n){return(0,e.jsx)(e.Fragment,{children:o.children&&o.children.length>0&&y===n&&(0,e.jsx)($,{open:y===n,anchorEl:N,list:M,idMenuLast:a,selectMenu:s,onClickMenu:u,onMouseEnter:v,onMouseLeave:h,level:f+1},void 0)},void 0)}),[y,N,M,a,s,u,v,h,f]),R=(0,o.useMemo)((function(){return(0,e.jsx)("div",_({className:"menu-item-popper-content"},{children:d.map((function(o,n){return(0,e.jsx)("div",_({className:I(o),onMouseLeave:function(e){clearTimeout(O.leaveTimer),O.leaveTimer=setTimeout((function(){1===f&&h&&h(),j(null),k(null),F([])}))},onMouseEnter:E(o,n)},{children:(0,e.jsxs)("div",_({className:"menu-item-popper-content-item-content",onClick:T(o)},{children:[(0,e.jsx)("span",_({className:"menu-item-icon"},{children:P(o.icon)}),void 0),(0,e.jsx)("span",_({className:"menu-item-label"},{children:o.label}),void 0),(0,e.jsx)("span",_({className:"menu-item-arrow"},{children:(t=o.children,t&&t.length>0?(0,e.jsx)(w(),{},void 0):(0,e.jsx)(w(),{className:"opacity-pos-svg"},void 0))}),void 0),B(o,n)]}),void 0)}),n);var t}))}),void 0)}),[d,u,y,N,M,a,s,u,v,h,f]),A=function(){return 1!==f?(0,e.jsx)("div",_({className:L()},{children:R}),void 0):(0,e.jsx)(p.Popper,_({open:i,anchorEl:r,disablePortal:!0,placement:"right-start",className:L()},{children:R}),void 0)};return(0,e.jsx)(e.Fragment,{children:1===f?(0,c.createPortal)((0,e.jsx)(A,{},void 0),document.getElementsByTagName("body")[0]):(0,e.jsx)(A,{},void 0)},void 0)},G=function(e){if(!e)return 0;try{var o=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(o&&o[2])}catch(e){}return 0},J=function(t){var i=t.list,r=void 0===i?[]:i,a=t.expansion,l=void 0===a||a,s=t.selectMenu,c=void 0===s?"":s,u=t.onClickMenu,p=t.className,m=t.shrinkOthers,d=void 0===m||m,v=U(t),h=(0,o.useState)(!1),g=h[0],f=h[1],x=(0,o.useState)(null),b=x[0],y=x[1],j=(0,o.useState)(null),C=j[0],N=j[1],k=(0,o.useState)([]),M=k[0],F=k[1],O=(0,o.useState)(""),E=O[0],T=O[1],P=(0,o.useState)({}),I=P[0],L=P[1],B=(0,o.useState)({prev:!1,next:!1}),R=B[0],A=B[1],D=(0,o.useState)({})[0],q=n().useRef();(0,o.useEffect)((function(){c!==E&&T(c),Z()}),[c]),(0,o.useEffect)((function(){V(r),Z()}),[r]);var W,Z=function(){var e=Q(),o=e.min,n=e.max,t=G(q.current.style.transform);A({prev:t!==o,next:t>n})},J=function(e){return function(){var o=G(q.current.style.transform);switch(e){case"next":o-=100;break;case"prev":o+=100}K(o)}},K=function(e){var o=Q(),n=o.min,t=o.max;e>n&&(e=n),e<t&&(e=t),A({prev:e!==n,next:e>t}),q.current.style.transform="translate3d(0, "+e+"px, 0)"},Q=function(){var e=q.current.parentNode.getBoundingClientRect().height,o=-(q.current.getBoundingClientRect().height-e);return e>q.current.getBoundingClientRect().height&&(o=0),{min:0,max:o}},V=function(e){var o={},n={},t={},i=function(e,r){for(var a=0,l=e.length;a<l;a++){var s=e[a],c=s.path;if(o[c]=s,r){var u=(0,z.DeepClone)(n[r.path]||[]);u.push(c),n[c]=H([],u,!0)}else n[c]=[c];s.children&&s.children.length>0?i(s.children,s):t[c]=n[c]}};i(e),L(t)},X=function(e,o){return function(n){clearTimeout(D.leaveTimer);var t=[e];e.children&&e.children.length>0&&(t=e.children),y(o),N(n.target),F(t),f(!0)}},ee=function(){f(!1),N(null),F([]),y(null)},oe=function(){clearTimeout(D.leaveTimer)},ne=function(){ee()},te=function(e){var o=e.icon,n=e.label;if(o){var t=S[o];return t?t():o}if(n)return n[0]},ie=function(e){if(!1===e)return setTimeout((function(){Z()}),300);u&&u(e)},re=function(e,o){var n="vertical-menu-list-item-shrink",t=I[E];return t&&-1!==t.indexOf(e.path)&&(n+=" vertical-menu-list-item-shrink-select"),b===o&&(n+=" vertical-menu-list-item-shrink-hover"),n},ae=(0,o.useMemo)((function(){if(l)return r.map((function(e,n){return(0,o.createElement)(Y,_({},e,{key:n,level:1,idMenuLast:I,selectMenu:E,onClickMenu:ie,shrinkOthers:d}))}))}),[l,r,I,E,u,d]),le=(0,o.useMemo)((function(){return l?null:r.map((function(o,n){return(0,e.jsx)("div",_({className:re(o,n),onMouseEnter:X(o,n),onMouseLeave:function(e){clearTimeout(D.leaveTimer),D.leaveTimer=setTimeout((function(){ee()}),100)}},{children:(0,e.jsx)("span",{children:te(o)},void 0)}),n)}))}),[l,r,I,E,b]),se=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:R.prev&&(0,e.jsx)("span",_({className:"scroll-top"},{children:(0,e.jsx)(w(),{onClick:J("prev")},void 0)}),void 0)},void 0)}),[R]),ce=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:R.next&&(0,e.jsx)("span",_({className:"scroll-bottom"},{children:(0,e.jsx)(w(),{onClick:J("next")},void 0)}),void 0)},void 0)}),[R]),ue=(0,o.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:g&&(0,e.jsx)($,{open:g,anchorEl:C,list:M,idMenuLast:I,selectMenu:E,onClickMenu:ie,onMouseEnter:oe,onMouseLeave:ne,className:v["vertical-menu-item-popper"],level:1},void 0)},void 0)}),[g,C,M,I,E,u,D]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",_({className:(W=v["vertical-menu-list"],W+=" vertical-menu-list",p&&(W+=" "+p),W),onWheel:function(e){return function(e){var o=e.deltaY,n=G(q.current.style.transform);K(n-=o)}(e)}},{children:[se,(0,e.jsx)("div",_({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",_({className:"vertical-menu-list-box-srcoll",ref:q},{children:[ae,le]}),void 0)}),void 0),ce]}),void 0),ue]},void 0)},K=function(){return K=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},K.apply(this,arguments)},Q=(0,i.Z)(),V=(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-footer":{paddingBottom:"20px","& > .line":{width:"calc(100% - 30px)",borderTop:"1px solid "+Q.bgBorderColor.line1,paddingBottom:"20px",margin:"0 auto"},"& > .back-btn":{padding:"0 15px",marginBottom:"10px","& > button":{width:"100%",whiteSpace:"nowrap",boxShadow:"none","& svg":{color:"white"}},"&.back-btn-shrink":{padding:"0","& > button":{minWidth:"inherit",borderRadius:"0","& > span":{"& > span":{margin:"0"}}}}},"& > .language":{"& .language-item":{height:"40px",lineHeight:"40px",display:"flex",padding:"0 15px",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:Q.thmemColor.primary}}},"& > .language-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}},"& > .language-item-label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"& > .language-item-arrow":{width:"16px","& > svg":{fontSize:"16px",transition:"all .3s",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"},"& > .opacity-pos-svg":{opacity:"0"}}},"& > .li-collapse":{"& .language-item":{paddingLeft:"30px","&.language-item-select":{"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary},"& > .language-item-arrow":{"& > svg":{color:Q.thmemColor.primary}}}}},"&.language-shrink":{"& .language-item":{justifyContent:"center",padding:"0",textAlign:"center","& > .language-item-icon":{marginRight:"0",width:"100%",position:"relative","&:after":{content:'""',position:"absolute",left:"0",top:"0",width:"100%",height:"100%",zIndex:10}}}},"&.language-select":{"& .language-item":{backgroundColor:Q.bgBorderColor.line1,"& > .language-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .language-item-label":{color:Q.thmemColor.primary}}}},"& > .btn-list":{"& > .btn-list-item":{height:"40px",lineHeight:"40px",display:"flex",padding:"0 15px",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .btn-list-item-label":{color:Q.thmemColor.primary}},"& > .btn-list-item-icon":{width:"16px",marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px","&:after":{position:"absolute",left:"0",top:"0",width:"100%",height:"100%",content:'""',zIndex:1}},"& > .opacity-pos-svg":{opacity:"0"}},"& > .btn-list-item-label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap"},"&.btn-list-item-select":{backgroundColor:Q.bgBorderColor.line1,"& > .btn-list-item-icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .btn-list-item-label":{color:Q.thmemColor.primary}}},"&.btn-list-shrink":{"& .btn-list-item":{justifyContent:"center",padding:"0",textAlign:"center","& > .btn-list-item-icon":{marginRight:"0",width:"100%",position:"relative","&:after":{content:'""',position:"absolute",left:"0",top:"0",width:"100%",height:"100%",zIndex:10}}}}},"& > .logo":{display:"flex",padding:"0 15px",alignItems:"center",height:"40px",lineHeight:"40px","& > img":{height:"30px",width:"auto"},"& > span":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"700",whiteSpace:"nowrap",marginLeft:"10px"},"&.logo-shrink":{padding:0,justifyContent:"center","& > span":{marginLeft:"0",textAlign:"center"}}},"&.vertical-footer-shrink":{"& > .line":{width:"calc(100% - 15px)"}}},"menu-popover":{paddingLeft:"5px",zIndex:10,"& > .menu-popover-box":{boxShadow:Q.boxShadow,borderRadius:Q.borderRadius,backgroundColor:"white",color:Q.textColor.primary,"& > .menu-popover-item":{width:"200px",height:"40px",padding:"0 10px",display:"flex",cursor:"pointer","&:hover":{backgroundColor:Q.bgBorderColor.line1,"& > .icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .label":{color:Q.thmemColor.primary}},"& > .icon":{marginRight:"10px","& > svg":{fontSize:"16px",color:Q.textColor.primary,verticalAlign:"top",position:"relative",top:"12px"}},"& > .label":{fontSize:"12px",color:Q.textColor.primary,width:"100%",fontWeight:"400",whiteSpace:"nowrap",textAlign:"left",lineHeight:"40px"},"&.menu-popover-item-select":{"& > .icon":{"& > svg":{color:Q.thmemColor.primary}},"& > .label":{color:Q.thmemColor.primary}}}}}})})),X=function(o){var n,t=o.backSelfcare,i=void 0===t?{}:t,r=o.expansion,a=void 0===r||r,l=o.customize,s=o.className,c=o.onClick,p=function(e){c&&c(e)};return(0,e.jsx)(e.Fragment,{children:l||(0,e.jsx)("div",K({className:(n="back-btn",s&&(n+=" "+s),a||(n+=" back-btn-shrink"),n)},{children:function(){if(a)return(0,e.jsx)(u.default,K({startIcon:i.icon,variant:"contained",onClick:p},{children:i.label}),void 0);if(i.icon)return(0,e.jsx)(u.default,{startIcon:i.icon,variant:"contained",onClick:p},void 0);if(i.label){var o=i.label;return"string"==typeof o&&(o=o[0]),(0,e.jsx)(u.default,K({variant:"contained",onClick:p},{children:o}),void 0)}}()}),void 0)},void 0)},ee=function(n){var t=V(n),i=n.language,r=void 0===i?[]:i,a=n.selectLang,l=void 0===a?"":a,s=n.onClick,u=n.expansion,m=void 0===u||u,d=n.className,v=n.customize,h=(0,o.useState)(!1),g=h[0],f=h[1],x=(0,o.useState)({}),b=x[0],y=x[1],j=(0,o.useState)({}),C=j[0],S=j[1],N=(0,o.useState)(!1),k=N[0],z=N[1],M=(0,o.useState)(null),F=M[0],O=M[1],E=(0,o.useState)({})[0];(0,o.useEffect)((function(){var e=b[l]||{};S(e)}),[l,b]),(0,o.useEffect)((function(){for(var e={},o=0,n=r.length;o<n;o++){var t=r[o];t.value&&(e[t.value]=t)}y(e)}),[r]);var T,P=function(){m&&f(!g)},I=function(e){return function(){s&&s(e.value,e),f(!1),z(!1)}},L=function(e){var o="language-item";return e.value===l&&(o+=" language-item-select"),o},B=(0,o.useMemo)((function(){return(0,e.jsx)(p.Collapse,K({in:g&&m,className:"li-collapse",timeout:"auto"},{children:r.map((function(o,n){return(0,e.jsxs)("div",K({className:L(o),onClick:I(o)},{children:[o.icon&&(0,e.jsx)("span",K({className:"language-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",K({className:"language-item-label"},{children:o.label}),void 0)]}),n)}))}),void 0)}),[g,r,m,s]),R=function(e){m||(E.timer=setTimeout((function(){z(!1),O(null)}),100))},A=function(e){return function(o){m||(clearTimeout(E.timer),z(!0),e&&O(o.target))}},D=(0,o.useMemo)((function(){return(0,e.jsx)("div",K({className:"language-item",onClick:P,onMouseLeave:R,onMouseEnter:A(!0)},{children:m?(0,e.jsxs)(e.Fragment,{children:[C.icon&&(0,e.jsx)("span",K({className:"language-item-icon"},{children:C.icon}),void 0),(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label}),void 0),r.length>1&&(0,e.jsx)("span",K({className:"language-item-arrow"},{children:(0,e.jsx)(w(),{},void 0)}),void 0)]},void 0):C.icon?(0,e.jsx)("span",K({className:"language-item-icon"},{children:C.icon}),void 0):C.label?"string"==typeof C.label?(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label[0]}),void 0):(0,e.jsx)("span",K({className:"language-item-label"},{children:C.label}),void 0):void 0}),void 0)}),[m,C,r,g,E]),q=(0,o.useMemo)((function(){var o=function(e){var o="menu-popover-item";return e.value===C.value&&(o+=" menu-popover-item-select"),o};return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,K({open:k,anchorEl:F,disablePortal:!0,placement:"right-start",onMouseLeave:R,onMouseEnter:A(!1),className:(n=t["menu-popover"],n+=" menu-popover")},{children:(0,e.jsx)("div",K({className:"menu-popover-box"},{children:r.map((function(n,t){return(0,e.jsxs)("div",K({className:o(n),onClick:I(n)},{children:[n.icon&&(0,e.jsx)("span",K({className:"icon"},{children:n.icon}),void 0),(0,e.jsx)("span",K({className:"label"},{children:n.label}),void 0)]}),t)}))}),void 0)}),void 0);var n}),{},void 0),document.getElementsByTagName("body")[0])}),[r,C,t,k,F,E,s]);return(0,e.jsx)(e.Fragment,{children:v||(0,e.jsxs)("div",K({className:(T="language",d&&(T+=" "+d),m||(T+=" language-shrink"),k&&(T+=" language-select"),T)},{children:[D,B,k&&q]}),void 0)},void 0)},oe=function(n){var t,i=V(n),r=n.list,a=void 0===r?[]:r,l=n.expansion,s=void 0===l||l,u=n.customize,m=n.className,d=n.onClick,v=(0,o.useState)({}),h=v[0],g=v[1],f=(0,o.useState)(!1),x=f[0],b=f[1],y=(0,o.useState)(null),j=y[0],C=y[1],w=(0,o.useState)({})[0],S=function(e){s||(w.timer=setTimeout((function(){b(!1),C(null),g({})}),50))},N=function(e){return function(o){s||(clearTimeout(w.timer),b(!0),e&&(C(o.target),g(e)))}},k=function(e){return function(o){d&&d(e,o)}},z=(0,o.useMemo)((function(){return(0,c.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(p.Popper,K({open:x,anchorEl:j,disablePortal:!0,placement:"right-start",onMouseLeave:S,onMouseEnter:N(),className:(o=i["menu-popover"],o+=" menu-popover")},{children:(0,e.jsx)("div",K({className:"menu-popover-box"},{children:(0,e.jsxs)("div",K({className:"menu-popover-item",onClick:k(h)},{children:[h.icon&&(0,e.jsx)("span",K({className:"icon"},{children:h.icon}),void 0),(0,e.jsx)("span",K({className:"label"},{children:h.label}),void 0)]}),void 0)}),void 0)}),void 0);var o}),{},void 0),document.getElementsByTagName("body")[0])}),[a,i,x,j,w,h]),M=(0,o.useMemo)((function(){var o=function(o){return s?(0,e.jsxs)(e.Fragment,{children:[o.icon&&(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.icon}),void 0),(0,e.jsx)("span",K({className:"btn-list-item-label"},{children:o.label}),void 0)]},void 0):o.icon?(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.icon}),void 0):o.label?"string"==typeof o.label?(0,e.jsx)("span",K({className:"btn-list-item-icon"},{children:o.label[0]}),void 0):(0,e.jsx)("span",K({className:"btn-list-item-label"},{children:o.label}),void 0):void 0};return(0,e.jsx)(e.Fragment,{children:a.map((function(n,t){var i="btn-list-item";return n.label&&n.label===h.label&&(i+=" btn-list-item-select"),(0,e.jsx)("div",K({className:i,onClick:k(n),onMouseLeave:S,onMouseEnter:N(n)},{children:o(n)}),t)}))},void 0)}),[a,s,h]);return(0,e.jsx)(e.Fragment,{children:u||(0,e.jsxs)("div",K({className:(t="btn-list",m&&(t+=" "+m),s||(t+=" btn-list-shrink"),t)},{children:[M,x&&z]}),void 0)},void 0)},ne=function(o){var n,t=o.user,i=void 0===t?{}:t,r=o.expansion,a=void 0===r||r,l=o.customize,s=o.className,c=o.onClick;return(0,e.jsx)(e.Fragment,{children:l||(0,e.jsx)("div",K({className:(n="logo",s&&(n+=" "+s),a||(n+=" logo-shrink"),n),onClick:function(e){c&&c(e)}},{children:function(){if(a)return(0,e.jsxs)(e.Fragment,{children:[i.img&&(0,e.jsx)("img",{src:i.img,alt:""},void 0),i.label&&(0,e.jsx)("span",{children:i.label},void 0)]},void 0);if(i.img)return(0,e.jsx)("img",{src:i.img,alt:""},void 0);if(i.label){if("string"==typeof i.label)return(0,e.jsx)("span",{children:i.label[0]},void 0);(0,e.jsx)("span",{children:i.label},void 0)}}()}),void 0)},void 0)},te=function(n){var t,i=V(n),r=n.className,a=void 0===r?"":r,l=n.expansion,s=void 0===l||l,c=n.backSelfcareProps,u=n.languageProps,p=n.btnListProps,m=n.userProps,d=n.customize,v=(0,o.useMemo)((function(){return c&&(0,e.jsx)(X,K({},c,{expansion:s}),void 0)}),[c,s]),h=(0,o.useMemo)((function(){return u&&(0,e.jsx)(ee,K({},u,{expansion:s}),void 0)}),[u,s]),g=(0,o.useMemo)((function(){return p&&(0,e.jsx)(oe,K({},p,{expansion:s}),void 0)}),[p,s]),f=(0,o.useMemo)((function(){return m&&(0,e.jsx)(ne,K({},m,{expansion:s}),void 0)}),[m,s]);return(0,e.jsx)(e.Fragment,{children:d||(0,e.jsxs)("div",K({className:(t=i["vertical-footer"],a&&(t+=" "+a),s||(t+=" vertical-footer-shrink"),t)},{children:[(0,e.jsx)("div",{className:"line"},void 0),v,h,g,f]}),void 0)},void 0)},ie=function(){return ie=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},ie.apply(this,arguments)},re=(0,i.Z)(),ae=(0,t.makeStyles)((function(){return(0,t.createStyles)({"footer-expansion":{"&.footer-expansion":{display:"flex",alignItems:"center",backgroundColor:re.bgBorderColor.bg2,padding:"5px 0",whiteSpace:"nowrap",height:"30px",lineHeight:"30px","& > svg":{fontSize:"20px",color:re.textColor.secondary,cursor:"pointer",marginLeft:"15px","&:hover":{color:re.thmemColor.primary}},"& > .line":{borderRight:"1px solid"+re.bgBorderColor.bg1,display:"inline-block",height:"16px",marginLeft:"15px"},"& > .version":{marginLeft:"10px",fontSize:"12px",color:re.textColor.secondary},"&.footer-expansion-shrink":{justifyContent:"center","& > svg":{margin:"0"},"& > .line":{display:"none"},"& > .version":{}}}}})})),le=function(o){var n=o.expansion,t=void 0===n||n,i=o.expandIcon,r=o.shrinkIcon,a=o.customizeContent,l=o.clickExpansion,s=o.version,c=o.className,u=ae(o),p=function(){l&&l(!t)},m=function(){var e=u["footer-expansion"];return e+=" footer-expansion",c&&(e+=" "+c),t||(e+=" footer-expansion-shrink"),e};return(0,e.jsx)("div",ie({className:m()},{children:function(){if(a)return a;return(0,e.jsxs)("div",ie({className:m()},{children:[t?i||(0,e.jsx)(L(),{onClick:p},void 0):r||(0,e.jsx)(R(),{onClick:p},void 0),(0,e.jsx)("span",{className:"line"},void 0),t&&s&&(0,e.jsx)("span",ie({className:"version"},{children:s}),void 0)]}),void 0)}()}),void 0)},se=function(){return se=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},se.apply(this,arguments)},ce=((0,i.Z)(),(0,t.makeStyles)((function(){return(0,t.createStyles)({"vertical-menu":{width:"100%",height:"100%",display:"flex",flexDirection:"column"}})}))),ue=function(n){var t=n.logoProps,i=n.menuListProps,r=n.footerProps,a=n.expansion,l=void 0===a||a,c=n.onClickExpansion,u=n.selectMenu,p=n.onClickMenu,m=n.className,d=n.shrinkOthers,v=void 0===d||d,h=n.footerExpansionProps,g=n.showExpansion,f=void 0===g||g,x=ce(n),b=(0,o.useState)(!0),y=b[0],j=b[1];(0,o.useEffect)((function(){l!==y&&j(l)}),[l]);var C,w=function(){c&&c(!y)},S=(0,o.useMemo)((function(){return n.logoProps&&(0,e.jsx)(s,se({},t,{expansion:y}),void 0)}),[t,y]),N=(0,o.useMemo)((function(){return n.menuListProps&&(0,e.jsx)(J,se({},i,{expansion:y,selectMenu:u,onClickMenu:p,shrinkOthers:v}),void 0)}),[i,y,u,p]),k=(0,o.useMemo)((function(){return n.footerProps&&(0,e.jsx)(te,se({},r,{expansion:y}),void 0)}),[r,y]),z=(0,o.useMemo)((function(){return f?(0,e.jsx)(le,se({clickExpansion:w},h,{expansion:y}),void 0):null}),[y,c,h,c,f]);return(0,e.jsxs)("div",se({className:(C=x["vertical-menu"],C+=" vertical-menu paraui-vertical-menu",m&&(C+=" "+m),l||(C+=" vertical-menu-shrink"),C)},{children:[S,N,k,z]}),void 0)},pe=function(){return pe=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i]);return e},pe.apply(this,arguments)},me=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)o.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n},de=function(o){var n=o.mode,t=void 0===n?"vertical":n,i=me(o,["mode"]);return(0,e.jsx)(e.Fragment,{children:"vertical"===t?(0,e.jsx)(ue,pe({},i),void 0):(0,e.jsx)(W,pe({},i),void 0)},void 0)},ve=de}(),v}()}));
|
|
16
|
+
n(4126);var t=n(9297),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),o.Fragment=r("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,o,n){var t,r={},c=null,u=null;for(t in void 0!==n&&(c=""+n),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(u=o.ref),o)l.call(o,t)&&!s.hasOwnProperty(t)&&(r[t]=o[t]);if(e&&e.defaultProps)for(t in o=e.defaultProps)void 0===r[t]&&(r[t]=o[t]);return{$$typeof:i,type:e,key:c,ref:u,props:r,_owner:a.current}}o.jsx=c,o.jsxs=c},7712:function(e,o,n){e.exports=n(9524)},36: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(5415),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},5415: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(5415),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(36),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, ".concat(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}()}));
|
package/Message/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
!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,
|
|
1
|
+
!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,a){return function(){var i={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=(i=t,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),a=t.sources.map((function(e){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(e," */")}));return[n].concat(a).concat([o]).join("\n")}var i,c,s;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 a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);t&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),r.push(s))}},r}},4126:function(e){"use strict";
|
|
2
2
|
/*
|
|
3
3
|
object-assign
|
|
4
4
|
(c) Sindre Sorhus
|
|
5
5
|
@license MIT
|
|
6
|
-
*/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,
|
|
6
|
+
*/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,a){for(var i,c,s=o(e),u=1;u<arguments.length;u++){for(var l in i=Object(arguments[u]))n.call(i,l)&&(s[l]=i[l]);if(r){c=r(i);for(var f=0;f<c.length;f++)t.call(i,c[f])&&(s[c[f]]=i[c[f]])}}return s}},9524:function(e,r,n){"use strict";
|
|
7
7
|
/** @license React v17.0.2
|
|
8
8
|
* react-jsx-runtime.production.min.js
|
|
9
9
|
*
|
|
@@ -12,4 +12,4 @@ object-assign
|
|
|
12
12
|
* This source code is licensed under the MIT license found in the
|
|
13
13
|
* LICENSE file in the root directory of this source tree.
|
|
14
14
|
*/
|
|
15
|
-
n(4126);var t=n(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var
|
|
15
|
+
n(4126);var t=n(9297),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function u(e,r,n){var t,a={},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)c.call(r,t)&&!s.hasOwnProperty(t)&&(a[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===a[t]&&(a[t]=r[t]);return{$$typeof:o,type:e,key:u,ref:l,props:a,_owner:i.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 a={insert:"head",singleton:!1};t(o,a);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},a=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]}}(),i=[];function c(e){for(var r=-1,n=0;n<i.length;n++)if(i[n].identifier===e){r=n;break}return r}function s(e,r){for(var n={},t=[],o=0;o<e.length;o++){var a=e[o],s=r.base?a[0]+r.base:a[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var f=c(l),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==f?(i[f].references++,i[f].updater(d)):i.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 i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.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 a=document.createTextNode(o),i=e.childNodes;i[r]&&e.removeChild(i[r]),i.length?e.insertBefore(a,i[r]):e.appendChild(a)}}function p(e,r,n){var t=n.css,o=n.media,a=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),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 a=g++;n=m||(m=u(r)),t=d.bind(null,n,a,!1),o=d.bind(null,n,a,!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=s(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=c(n[t]);i[o].references--}for(var a=s(e,r),u=0;u<n.length;u++){var l=c(n[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=a}}}},3285:function(e){"use strict";e.exports=t},19:function(e){"use strict";e.exports=o},20:function(e){"use strict";e.exports=a},6897:function(e){"use strict";e.exports=n},9297:function(r){"use strict";r.exports=e},2268:function(e){"use strict";e.exports=r}},c={};function s(e){var r=c[e];if(void 0!==r)return r.exports;var n=c[e]={id:e,exports:{}};return i[e](n,n.exports,s),n.exports}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})};var u={};return function(){"use strict";s.r(u),s.d(u,{Message:function(){return x}});var e=s(7712),r=s(2268),n=s.n(r),t=s(6897),o=s.n(t),a=s(3285),i=s.n(a),c=s(19),l=s.n(c),f=s(20),d=s.n(f),p=(s(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)(i(),{},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,a){var i=t.icon,c=t.text,s=t.id,u=function(e){var r=e.icon,n=e.text,t=e.id,o=e.type,a=e.html,i=e.close,c=document.createElement("div");c.className="msg-item",c.id=t,c.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(i?'<div class="msg-close"></div>':"","\n </div>\n ");var s=c.querySelector(".msg-text");if(!s)return c;a?s.innerHTML=n:s.innerText=n;var u=c.querySelector(".msg-close");return u&&u.addEventListener("click",(function(){var e;document.querySelector("#".concat(t))&&(null===(e=null==c?void 0:c.parentNode)||void 0===e||e.removeChild(c),c=null)})),c}({id:s,text:c,icon:i,type:t.type,html:t.html,close:t.close});null==r||r.appendChild(u);var f=document.querySelector("#".concat(s," .msg-icon"));f&&i&&n().render(i,f);var d=document.querySelector("#".concat(s," .msg-close"));d&&n().render((0,e.jsx)(l(),{},void 0),d),a&&setTimeout((function(){document.querySelector("#".concat(u.id))&&(null==r||r.removeChild(u))}),o)},v=function(e,r,n,t){var o,a=p[n],i="",c=!1,s=1/0,u=!isNaN(r)&&r>0;"string"==typeof e?i=e:"object"==typeof e&&(i=e.text||"",a=e.icon||p[n],c=e.html||!1,e.maxCount>0&&(s=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:i,icon:a,type:n,html:c,close:o},r,u),b(l,s)},b=function(e,r){var n,t;if(e&&(null===(n=e.children)||void 0===n?void 0:n.length)){var o=e.children,a=o.length;if(a>r)for(var i=0;i<a;i++)i<r&&o[i]&&(null===(t=o[i].parentNode)||void 0===t||t.removeChild(o[i]))}},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}()}));
|
package/Modal/index.js
CHANGED
|
@@ -13,4 +13,4 @@ var r=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,t=Object.pr
|
|
|
13
13
|
* This source code is licensed under the MIT license found in the
|
|
14
14
|
* LICENSE file in the root directory of this source tree.
|
|
15
15
|
*/
|
|
16
|
-
e(4126);var t=e(9297),n=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;n=i("react.element"),i("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function s(o,r,e){var t,i={},s=null,d=null;for(t in void 0!==e&&(s=""+e),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(d=r.ref),r)l.call(r,t)&&!c.hasOwnProperty(t)&&(i[t]=r[t]);if(o&&o.defaultProps)for(t in r=o.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:n,type:o,key:s,ref:d,props:i,_owner:a.current}}r.jsx=s,r.jsxs=s},7712:function(o,r,e){o.exports=e(9524)},5794:function(o,r,e){var t=e(7712),n=e(9297),i=e(1731),a=e(8604),l=e(4927),c=e(1102),s=e.n(c),d=e(853),u=function(){return u=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},u.apply(this,arguments)},p=function(o,r){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(e[t[n]]=o[t[n]])}return e},f=(0,d.Z)(),m=(0,a.makeStyles)((function(o){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:f.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(o){return{tooltip:{margin:"6px 0",backgroundColor:f.bgBorderColor.bg4}}}))(i.Tooltip),b=function(o){var r=m(),e=o.radius,a=o.className,c=o.disabled,d=void 0!==c&&c,f=o.children,h=o.startIcon,b=o.endIcon,x=o.loading,g=void 0!==x&&x,v=p(o,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===v.variant&&(v.disableRipple=!0);var y=(0,n.useState)(!1),C=y[0],w=y[1];return(0,n.useEffect)((function(){w(!!g)}),[g]),(0,t.jsx)(i.Button,u({disabled:d,className:(0,l.Z)("paraui-button",a,r.btnIcon,e&&r.radius,"outlined"===v.variant&&r.outlinedBtn,C&&r.loadingBtn),startIcon:function(){if(!C)return(0,t.jsx)("span",u({className:"btn-icon"},{children:h}),void 0);if("object"==typeof g){var o=g.delay||0;setTimeout((function(){return w(!1)}),o)}return(0,t.jsx)("span",u({className:"btn-icon loading-icon"},{children:(0,t.jsx)(s(),{},void 0)}),void 0)}(),endIcon:(0,t.jsx)("span",u({className:"btn-icon"},{children:b}),void 0)},v,{children:f}),void 0)};b.IconButton=function(o){var r=m(),e=o.showToolTip,a=void 0===e||e,c=o.toolTipTitle,d=void 0===c?"":c,f=o.children,b=o.className,x=o.disabled,g=void 0!==x&&x,v=o.loading,y=void 0!==v&&v,C=o.TooltipProps,w=p(o,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),S=(0,n.useState)(!1),j=S[0],F=S[1],k=(0,t.jsx)(i.IconButton,u({},w,{disabled:g,disableRipple:!0,className:(0,l.Z)("paraui-icon-button",b,a&&g&&"iconButton-disabled",j&&r.loadingBtn)},{children:function(){if(!j)return f;if("object"==typeof y){var o=y.delay||0;setTimeout((function(){return F(!1)}),o)}return(0,t.jsx)("span",u({className:"loading-icon"},{children:(0,t.jsx)(s(),{},void 0)}),void 0)}()}),void 0);return(0,n.useEffect)((function(){F(!!y)}),[y]),a?(0,t.jsx)(h,u({title:d},C,{children:(0,t.jsx)("span",u({className:(0,l.Z)(g&&r.iconButtonToolTip)},{children:k}),void 0)}),void 0):k},r.default=b},956:function(o,r,e){e.d(r,{default:function(){return S}});var t=e(7712),n=e(8604),i=e(853),a=(0,i.Z)(),l={root:{minWidth:84,height:30,textTransform:"none",color:a.textColor.primary,lineHeight:"normal"},disabled:{},label:{},text:{padding:"7px 20px","&:hover":{backgroundColor:"transparent",color:a.thmemColor.secondary},"&$disabled":{color:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"}},textPrimary:{"&:hover":{backgroundColor:"transparent",color:a.thmemColor.secondary},"&$disabled":{color:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"}},textSecondary:{color:a.textColor.secondary},outlined:{padding:"7px 20px",color:a.textColor.primary,boxShadow:a.buttonShadow,border:0,backgroundColor:a.textColor.white,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",border:0,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.primary,backgroundColor:a.textColor.white,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",backgroundColor:a.textColor.white,border:0,pointerEvents:"auto",cursor:"not-allowed"}}},outlinedPrimary:{padding:"7px 20px",color:a.textColor.primary,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",border:0,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.primary,backgroundColor:a.textColor.white,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",backgroundColor:a.textColor.white,border:0,pointerEvents:"auto",cursor:"not-allowed"}}},outlinedSecondary:{padding:"7px 20px",color:a.textColor.secondary,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",border:0,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.primary,backgroundColor:a.textColor.white,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",backgroundColor:a.textColor.white,border:0,pointerEvents:"auto",cursor:"not-allowed"}}},contained:{padding:"7px 20px",backgroundColor:a.thmemColor.primary,color:a.textColor.white,boxShadow:a.buttonShadow,"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.thirdary,backgroundColor:a.thmemColor.primary,boxShadow:a.buttonShadow,"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"}}},containedPrimary:{"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.thirdary,backgroundColor:a.thmemColor.primary,boxShadow:a.buttonShadow,"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,boxShadow:"none"}}},containedSecondary:{},textSizeSmall:{},textSizeLarge:{},outlinedSizeSmall:{height:24,padding:"7px 20px"},outlinedSizeLarge:{height:36,padding:"7px 20px"},containedSizeSmall:{height:24,padding:"7px 20px"},containedSizeLarge:{height:36,padding:"7px 20px"},sizeSmall:{},sizeLarge:{},startIcon:{},endIcon:{},iconSizeSmall:{},iconSizeMedium:{},iconSizeLarge:{}},c={root:{padding:0,"&:hover":{backgroundColor:"transparent"},"&$disabled":{color:a.textColor.thirdary,pointerEvents:"auto",cursor:"not-allowed"}},colorPrimary:{"&:hover":{backgroundColor:"transparent"},"&$disabled":{color:a.textColor.thirdary,pointerEvents:"auto",cursor:"not-allowed"}},colorSecondary:{"&:hover":{backgroundColor:"transparent"},"&$disabled":{color:a.textColor.thirdary,pointerEvents:"auto",cursor:"not-allowed"}},disabled:{}},s=(0,i.Z)(),d={root:{display:"inline-block",padding:"0 8px"},ol:{flexWrap:"nowrap"},li:{"& a":{whiteSpace:"nowrap",fontSize:s.standardFont.standardFont1.fontSize,color:s.textColor.secondary,"&:hover":{textDecoration:"none",color:s.thmemColor.primary},"& svg":{fontSize:s.standardFont.standardFont1.fontSize,position:"relative",top:"1px",marginRight:"4px"}},"& .current-breadcrumbs":{fontWeight:"700",color:s.textColor.primary},"& .more-breadcrumbs":{"& svg":{fontSize:s.standardFont.standardFont1.fontSize,position:"relative",top:"2px"}}},separator:{marginLeft:"4px",marginRight:"4px"}},u=(0,i.Z)(),p={vertical:{padding:"8px 0"},alternativeLabel:{top:15,left:"calc(-50% + 15px)",right:"calc(50% + 15px)",margin:"0 10px"},active:{"& $line":{border:0,height:1,backgroundColor:u.bgBorderColor.line1}},completed:{"& $line":{border:0,height:1,backgroundColor:u.bgBorderColor.line1}},line:{borderColor:u.bgBorderColor.line1,borderRadius:1,borderTopStyle:"dashed"},lineHorizontal:{borderTopStyle:"dashed"},lineVertical:{minHeight:100,borderTop:0,borderLeftStyle:"dashed"}},f={label:{color:u.textColor.secondary,"&$active":{color:u.thmemColor.primary},"&$completed":{color:u.textColor.secondary},"&$alternativeLabel":{marginTop:"8px"}}},m=function(){return m=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},m.apply(this,arguments)},h=(0,i.Z)(),b={root:{position:"relative",boxSizing:"border-box",minHeight:"auto","&:before":{content:'""',position:"absolute",right:0,left:0,bottom:0,borderBottom:"1px solid "+h.bgBorderColor.line1}},vertical:{"&:before":{right:0,top:0,bottom:0,borderBottom:0,borderRight:"1px solid "+h.bgBorderColor.line1}},indicator:{display:"flex",justifyContent:"center",backgroundColor:"transparent",height:1,"& > span":{maxWidth:40,width:"100%",backgroundColor:h.thmemColor.primary}}},x={root:m(m({position:"relative",height:30,minHeight:"auto",minWidth:"auto",textTransform:"none",overflow:"visible"},h.standardFont.standardFont1),{color:h.textColor.secondary,"&$selected":m({},h.standardFont.standardFont2)})},g=function(){return g=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},g.apply(this,arguments)},v=(0,i.Z)(),y={palette:{primary:{main:v.thmemColor.primary},secondary:{main:v.thmemColor.secondary},success:{main:v.stateColor.success},info:{main:v.stateColor.info},warning:{main:v.stateColor.warning},error:{main:v.stateColor.error}},typography:{fontFamily:v.fontFamily.zh,fontSize:v.fontSize},shape:{borderRadius:v.borderRadius},overrides:{MuiCssBaseline:{"@global":{body:g({fontFamily:v.fontFamily.zh,color:v.textColor.primary},v.standardFont.standardFont1),ul:{margin:0,listStyle:"none"},a:{cursor:"pointer",textDecoration:"none",outline:"none"}}},MuiButton:l,MuiIconButton:c,MuiBreadcrumbs:d,MuiStepConnector:p,MuiStepLabel:f,MuiTabs:b,MuiTab:x}},C=e(1731),w=function(){return w=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},w.apply(this,arguments)},S=function(o){var r,e=(0,n.createGenerateClassName)({seed:o.seed||"",productionPrefix:o.productionPrefix||"paraui"});return r=o.theme?(0,n.createMuiTheme)(w(w({},y),o.theme)):(0,n.createMuiTheme)(y),(0,t.jsx)(n.StylesProvider,w({generateClassName:e},{children:(0,t.jsxs)(n.ThemeProvider,w({theme:r},{children:[(0,t.jsx)(C.CssBaseline,{},void 0),o.children]}),void 0)}),void 0)}},853:function(o,r){var e={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};r.Z=function(){return e}},1731:function(o){o.exports=e},8604:function(o){o.exports=r},3285:function(o){o.exports=a},19:function(o){o.exports=n},20:function(o){o.exports=i},1102:function(o){o.exports=t},6897:function(o){o.exports=c},9297:function(r){r.exports=o},2268:function(o){o.exports=l}},d={};function u(o){var r=d[o];if(void 0!==r)return r.exports;var e=d[o]={exports:{}};return s[o](e,e.exports,u),e.exports}u.n=function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return u.d(r,{a:r}),r},u.d=function(o,r){for(var e in r)u.o(r,e)&&!u.o(o,e)&&Object.defineProperty(o,e,{enumerable:!0,get:r[e]})},u.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},u.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})};var p={};return function(){u.r(p),u.d(p,{Confirm:function(){return O},ConfirmBox:function(){return E},default:function(){return I}});var o=u(7712),r=u(9297),e=u(8604),t=u(1731),n=u(5794),i=u(19),a=u.n(i),l=u(20),c=u.n(l),s=u(3285),d=u.n(s),f=u(4927),m=u(2268),h=u.n(m),b=u(6897),x=u.n(b),g=u(853),v=u(956),y=function(){return y=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},y.apply(this,arguments)},C=(0,g.Z)(),w={success:(0,o.jsx)(d(),{},void 0),warn:(0,o.jsx)(x(),{},void 0),warning:(0,o.jsx)(x(),{},void 0),error:(0,o.jsx)(c(),{},void 0),info:(0,o.jsx)(x(),{},void 0)},S={success:C.stateColor.success,warn:C.stateColor.warning,warning:C.stateColor.warning,error:C.stateColor.error,info:C.stateColor.info},j=(0,t.makeStyles)((function(o){return(0,t.createStyles)({modalPaper:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",outline:"none","& .confirm-wrapper":{position:"relative",width:function(o){return o.width},padding:"32px 32px 24px 32px","& .confirm-close":{position:"absolute",right:20,top:20,"& svg":{fontSize:20}},"& .confirm-icon":{float:"left",marginRight:"16px",marginTop:function(o){return o.title?"2px":"1px"},color:function(o){return S[o.type]},"& svg":{color:"currentColor"}},"& .confirm-body":{overflow:"hidden","& span":{display:"block",color:C.textColor.primary,fontSize:14,fontWeight:700,marginBottom:8},"& div":{color:C.textColor.primary,fontSize:12,marginLeft:1}},"& .confirm-btns":{marginTop:24,textAlign:"right","& button":{minWidth:50,padding:0,marginLeft:10},"& svg.action-icon":{fontSize:16,"&.action-icon-cancel":{color:C.textColor.thirdary}}}}}})})),F=function(r){var e=r.type,i=void 0===e?"warn":e,l=r.open,c=void 0!==l&&l,s=r.title,d=void 0===s?"":s,u=r.content,p=r.icon,m=void 0===p?null:p,h=r.okText,b=r.cancelText,x=r.onOk,g=r.onCancel,v=r.className,C=r.width,S=void 0===C?"416px":C,F=r.showCancel,k=void 0===F||F,O=r.closable,E=void 0!==O&&O,B=r.disableBackdropClick,T=void 0===B||B,z=r.disableEscapeKeyDown,P=void 0===z||z,N=r.okButtonProps,$=r.cancelButtonProps,D=r.resolveFn,I=r.callback,L=r.destroy,W=j({width:S,type:i,title:d}),_=function(){var o;null==g||g(),null==D||D(!1),window.$confirm?null===(o=window.$confirm)||void 0===o||o.call(window,!1):null==L||L()},q=function(){var o;null==x||x(),null==D||D(!0),null==I||I(),window.$confirm?null===(o=window.$confirm)||void 0===o||o.call(window,!1):null==L||L()};return(0,o.jsx)(t.Modal,y({open:c,onClose:function(o,r){T||_()},closeAfterTransition:!0,BackdropComponent:t.Backdrop,BackdropProps:{timeout:500},disableEscapeKeyDown:P,disableAutoFocus:!0,className:(0,f.Z)("confirm-modal-presentation","paraui-confirm",v)},{children:(0,o.jsx)(t.Fade,y({in:c},{children:(0,o.jsx)(t.Paper,y({elevation:0,className:(0,f.Z)(W.modalPaper)},{children:(0,o.jsxs)("div",y({className:"confirm-wrapper"},{children:[E&&(0,o.jsx)(n.default.IconButton,y({className:"confirm-close",showToolTip:!1,onClick:_},{children:(0,o.jsx)(a(),{},void 0)}),void 0),(0,o.jsx)("span",y({className:"confirm-icon"},{children:m||w[i]}),void 0),(0,o.jsxs)("div",y({className:"confirm-body"},{children:[d&&(0,o.jsx)("span",{children:d},void 0),(0,o.jsx)("div",{children:u},void 0)]}),void 0),(0,o.jsxs)("div",y({className:"confirm-btns"},{children:[k&&(0,o.jsx)(n.default,y({onClick:_},$,{children:b||"取消"}),void 0),(0,o.jsx)(n.default,y({color:"primary",onClick:q},N,{children:h||"确定"}),void 0)]}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0)},k=function(r,e,t){var n={type:e};return"string"==typeof r?n.content=r:n=y(y({},r),{type:e}),new Promise((function(r){window.$confirm?window.$confirm(n,r,t):function(r,e,t){var n=document.createElement("div");document.body.appendChild(n);var i=function(){h().unmountComponentAtNode(n)&&n.parentNode&&n.parentNode.removeChild(n)};setTimeout((function(){h().render((0,o.jsx)(v.default,{children:(0,o.jsx)(F,y({},r,{open:!0,resolveFn:e,callback:t,destroy:i}),void 0)},void 0),n)}))}(n,r,t)}))},O={info:function(o,r){return k(o,"info",r)},warn:function(o,r){return k(o,"warn",r)},error:function(o,r){return k(o,"error",r)},success:function(o,r){return k(o,"success",r)}},E=function(){var e=(0,r.useState)({}),t=e[0],n=e[1],i=(0,r.useState)(!1),a=i[0],l=i[1],c=(0,r.useRef)(null),s=(0,r.useRef)(null);return(0,r.useEffect)((function(){window.$confirm||(window.$confirm=function(o,r,e){c.current=r,s.current=e,o&&n(o),l(!!o)})}),[]),(0,o.jsx)(F,y({},t,{open:a,resolveFn:c.current,callback:s.current}),void 0)},B=function(){return B=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},B.apply(this,arguments)},T=function(o,r){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(e[t[n]]=o[t[n]])}return e},z=(0,g.Z)(),P=(0,e.withStyles)((function(){return(0,e.createStyles)({root:{height:"40px",padding:"0 20px",backgroundColor:z.bgBorderColor.bg2,"& h6":{fontWeight:700,fontSize:12,lineHeight:"40px"},"& .close-btn":{position:"absolute",right:20,top:10,color:z.bgBorderColor.bg4,"& svg":{fontSize:20,color:"currentColor"}}}})}))((function(r){var e=r.children,i=r.onClose,l=r.classes;return(0,o.jsxs)(t.DialogTitle,B({disableTypography:!0,className:l.root},{children:[(0,o.jsx)(t.Typography,B({variant:"h6"},{children:e}),void 0),i?(0,o.jsx)(n.default.IconButton,B({onClick:i,className:"close-btn",showToolTip:!1},{children:(0,o.jsx)(a(),{},void 0)}),void 0):null]}),void 0)})),N=(0,e.withStyles)((function(){return{root:{maxHeight:"800px",padding:"8px 20px"}}}))(t.DialogContent),$=(0,e.withStyles)((function(o){return{root:{height:50,padding:"0 18px",borderTop:"1px solid "+z.bgBorderColor.line1,"& > button:not(:first-child)":{marginLeft:20},"& > button":{color:z.textColor.primary,"& .btn-icon svg":{color:z.thmemColor.primary},"&.text-btn":{marginLeft:0}}}}}))(t.DialogActions),D=(0,e.makeStyles)((function(){return(0,e.createStyles)({sm:{width:"360px",maxHeight:"220px"},md:{width:"440px",maxHeight:"460px"},lg:{width:"840px",maxHeight:"540px"},customizeSize:function(o){return o?{width:o.width,maxHeight:o.height}:{}},auto:{width:"auto"},fullScreen:{width:"100%"},actionWrapper:{"& svg.action-icon":{fontSize:16,"&.action-icon-cancel":{color:z.textColor.thirdary}}},content:{maxHeight:"none"}})})),I=function(e){var i=e.open,a=void 0!==i&&i,l=e.title,s=void 0===l?"":l,u=e.children,p=void 0===u?null:u,m=e.actions,h=void 0===m?null:m,b=e.showActions,x=void 0===b||b,g=e.onOk,v=e.onCancel,y=e.okText,C=e.cancelText,w=e.okButtonProps,S=e.cancelButtonProps,j=e.showCancel,F=void 0===j||j,k=e.className,O=e.size,E=void 0===O?"auto":O,z=e.disableBackdropClick,I=void 0===z||z,L=e.disableEscapeKeyDown,W=void 0===L||L,_=e.disableEnforceFocus,q=void 0===_||_,R=e.fullScreen,Z=void 0!==R&&R,M=e.customizeSize,H=T(e,["open","title","children","actions","showActions","onOk","onCancel","okText","cancelText","okButtonProps","cancelButtonProps","showCancel","className","size","disableBackdropClick","disableEscapeKeyDown","disableEnforceFocus","fullScreen","customizeSize"]),A=(0,r.useState)(!1),K=A[0],U=A[1],Y=D(M||{}),G=Z||"fullScreen"===E,V=function(){U(!1),null==v||v()},J=function(){null==g||g()};(0,r.useEffect)((function(){U(a)}),[a]);var Q;return(0,o.jsxs)(t.Dialog,B({className:(0,f.Z)("modal-presentation","paraui-modal",k),scroll:"paper",onClose:function(o,r){I||V()},open:K,maxWidth:!1,disableEscapeKeyDown:W,disableEnforceFocus:q,fullScreen:G},H,{classes:(Q=E,M&&(Q="customizeSize"),G?{}:{paper:Y[Q]})},{children:[(0,o.jsx)(P,B({onClose:V},{children:s}),void 0),(0,o.jsx)(N,B({className:(0,f.Z)(G&&Y.content)},{children:p}),void 0),x?h?(0,o.jsx)($,B({className:Y.actionWrapper},{children:h}),void 0):(0,o.jsxs)($,B({className:Y.actionWrapper},{children:[F&&(0,o.jsx)(n.default,B({onClick:V,variant:"outlined",color:"primary",startIcon:(0,o.jsx)(c(),{className:"action-icon action-icon-cancel"},void 0)},S,{children:C||"取消"}),void 0),(0,o.jsx)(n.default,B({variant:"outlined",color:"primary",onClick:J,startIcon:(0,o.jsx)(d(),{className:"action-icon"},void 0)},w,{className:(0,f.Z)("text"===(null==w?void 0:w.variant)&&"text-btn")},{children:y||"完成"}),void 0)]}),void 0):null]}),void 0)}}(),p}()}));
|
|
16
|
+
e(4126);var t=e(9297),n=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;n=i("react.element"),i("react.fragment")}var a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function s(o,r,e){var t,i={},s=null,d=null;for(t in void 0!==e&&(s=""+e),void 0!==r.key&&(s=""+r.key),void 0!==r.ref&&(d=r.ref),r)l.call(r,t)&&!c.hasOwnProperty(t)&&(i[t]=r[t]);if(o&&o.defaultProps)for(t in r=o.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:n,type:o,key:s,ref:d,props:i,_owner:a.current}}r.jsx=s,r.jsxs=s},7712:function(o,r,e){o.exports=e(9524)},36:function(o,r,e){var t=e(7712),n=e(9297),i=e(1731),a=e(8604),l=e(4927),c=e(1102),s=e.n(c),d=e(5415),u=function(){return u=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},u.apply(this,arguments)},p=function(o,r){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(e[t[n]]=o[t[n]])}return e},f=(0,d.Z)(),m=(0,a.makeStyles)((function(o){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:f.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(o){return{tooltip:{margin:"6px 0",backgroundColor:f.bgBorderColor.bg4}}}))(i.Tooltip),b=function(o){var r=m(),e=o.radius,a=o.className,c=o.disabled,d=void 0!==c&&c,f=o.children,h=o.startIcon,b=o.endIcon,x=o.loading,g=void 0!==x&&x,v=p(o,["radius","className","disabled","children","startIcon","endIcon","loading"]);"text"===v.variant&&(v.disableRipple=!0);var y=(0,n.useState)(!1),C=y[0],w=y[1];return(0,n.useEffect)((function(){w(!!g)}),[g]),(0,t.jsx)(i.Button,u({disabled:d,className:(0,l.Z)("paraui-button",a,r.btnIcon,e&&r.radius,"outlined"===v.variant&&r.outlinedBtn,C&&r.loadingBtn),startIcon:function(){if(!C)return(0,t.jsx)("span",u({className:"btn-icon"},{children:h}),void 0);if("object"==typeof g){var o=g.delay||0;setTimeout((function(){return w(!1)}),o)}return(0,t.jsx)("span",u({className:"btn-icon loading-icon"},{children:(0,t.jsx)(s(),{},void 0)}),void 0)}(),endIcon:(0,t.jsx)("span",u({className:"btn-icon"},{children:b}),void 0)},v,{children:f}),void 0)};b.IconButton=function(o){var r=m(),e=o.showToolTip,a=void 0===e||e,c=o.toolTipTitle,d=void 0===c?"":c,f=o.children,b=o.className,x=o.disabled,g=void 0!==x&&x,v=o.loading,y=void 0!==v&&v,C=o.TooltipProps,w=p(o,["showToolTip","toolTipTitle","children","className","disabled","loading","TooltipProps"]),S=(0,n.useState)(!1),j=S[0],F=S[1],k=(0,t.jsx)(i.IconButton,u({},w,{disabled:g,disableRipple:!0,className:(0,l.Z)("paraui-icon-button",b,a&&g&&"iconButton-disabled",j&&r.loadingBtn)},{children:function(){if(!j)return f;if("object"==typeof y){var o=y.delay||0;setTimeout((function(){return F(!1)}),o)}return(0,t.jsx)("span",u({className:"loading-icon"},{children:(0,t.jsx)(s(),{},void 0)}),void 0)}()}),void 0);return(0,n.useEffect)((function(){F(!!y)}),[y]),a?(0,t.jsx)(h,u({title:d},C,{children:(0,t.jsx)("span",u({className:(0,l.Z)(g&&r.iconButtonToolTip)},{children:k}),void 0)}),void 0):k},r.default=b},7083:function(o,r,e){e.d(r,{default:function(){return S}});var t=e(7712),n=e(8604),i=e(5415),a=(0,i.Z)(),l={root:{minWidth:84,height:30,textTransform:"none",color:a.textColor.primary,lineHeight:"normal"},disabled:{},label:{},text:{padding:"7px 20px","&:hover":{backgroundColor:"transparent",color:a.thmemColor.secondary},"&$disabled":{color:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"}},textPrimary:{"&:hover":{backgroundColor:"transparent",color:a.thmemColor.secondary},"&$disabled":{color:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"}},textSecondary:{color:a.textColor.secondary},outlined:{padding:"7px 20px",color:a.textColor.primary,boxShadow:a.buttonShadow,border:0,backgroundColor:a.textColor.white,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",border:0,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.primary,backgroundColor:a.textColor.white,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",backgroundColor:a.textColor.white,border:0,pointerEvents:"auto",cursor:"not-allowed"}}},outlinedPrimary:{padding:"7px 20px",color:a.textColor.primary,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",border:0,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.primary,backgroundColor:a.textColor.white,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",backgroundColor:a.textColor.white,border:0,pointerEvents:"auto",cursor:"not-allowed"}}},outlinedSecondary:{padding:"7px 20px",color:a.textColor.secondary,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",border:0,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.primary,backgroundColor:a.textColor.white,border:0,"&$disabled":{color:a.textColor.secondary,padding:"7px 20px",backgroundColor:a.textColor.white,border:0,pointerEvents:"auto",cursor:"not-allowed"}}},contained:{padding:"7px 20px",backgroundColor:a.thmemColor.primary,color:a.textColor.white,boxShadow:a.buttonShadow,"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.thirdary,backgroundColor:a.thmemColor.primary,boxShadow:a.buttonShadow,"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"}}},containedPrimary:{"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,pointerEvents:"auto",cursor:"not-allowed"},"&:hover":{color:a.thmemColor.thirdary,backgroundColor:a.thmemColor.primary,boxShadow:a.buttonShadow,"&$disabled":{color:a.textColor.white,backgroundColor:a.textColor.secondary,boxShadow:"none"}}},containedSecondary:{},textSizeSmall:{},textSizeLarge:{},outlinedSizeSmall:{height:24,padding:"7px 20px"},outlinedSizeLarge:{height:36,padding:"7px 20px"},containedSizeSmall:{height:24,padding:"7px 20px"},containedSizeLarge:{height:36,padding:"7px 20px"},sizeSmall:{},sizeLarge:{},startIcon:{},endIcon:{},iconSizeSmall:{},iconSizeMedium:{},iconSizeLarge:{}},c={root:{padding:0,"&:hover":{backgroundColor:"transparent"},"&$disabled":{color:a.textColor.thirdary,pointerEvents:"auto",cursor:"not-allowed"}},colorPrimary:{"&:hover":{backgroundColor:"transparent"},"&$disabled":{color:a.textColor.thirdary,pointerEvents:"auto",cursor:"not-allowed"}},colorSecondary:{"&:hover":{backgroundColor:"transparent"},"&$disabled":{color:a.textColor.thirdary,pointerEvents:"auto",cursor:"not-allowed"}},disabled:{}},s=(0,i.Z)(),d={root:{display:"inline-block",padding:"0 8px"},ol:{flexWrap:"nowrap"},li:{"& a":{whiteSpace:"nowrap",fontSize:s.standardFont.standardFont1.fontSize,color:s.textColor.secondary,"&:hover":{textDecoration:"none",color:s.thmemColor.primary},"& svg":{fontSize:s.standardFont.standardFont1.fontSize,position:"relative",top:"1px",marginRight:"4px"}},"& .current-breadcrumbs":{fontWeight:"700",color:s.textColor.primary},"& .more-breadcrumbs":{"& svg":{fontSize:s.standardFont.standardFont1.fontSize,position:"relative",top:"2px"}}},separator:{marginLeft:"4px",marginRight:"4px"}},u=(0,i.Z)(),p={vertical:{padding:"8px 0"},alternativeLabel:{top:15,left:"calc(-50% + 15px)",right:"calc(50% + 15px)",margin:"0 10px"},active:{"& $line":{border:0,height:1,backgroundColor:u.bgBorderColor.line1}},completed:{"& $line":{border:0,height:1,backgroundColor:u.bgBorderColor.line1}},line:{borderColor:u.bgBorderColor.line1,borderRadius:1,borderTopStyle:"dashed"},lineHorizontal:{borderTopStyle:"dashed"},lineVertical:{minHeight:100,borderTop:0,borderLeftStyle:"dashed"}},f={label:{color:u.textColor.secondary,"&$active":{color:u.thmemColor.primary},"&$completed":{color:u.textColor.secondary},"&$alternativeLabel":{marginTop:"8px"}}},m=function(){return m=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},m.apply(this,arguments)},h=(0,i.Z)(),b={root:{position:"relative",boxSizing:"border-box",minHeight:"auto","&:before":{content:'""',position:"absolute",right:0,left:0,bottom:0,borderBottom:"1px solid ".concat(h.bgBorderColor.line1)}},vertical:{"&:before":{right:0,top:0,bottom:0,borderBottom:0,borderRight:"1px solid ".concat(h.bgBorderColor.line1)}},indicator:{display:"flex",justifyContent:"center",backgroundColor:"transparent",height:1,"& > span":{maxWidth:40,width:"100%",backgroundColor:h.thmemColor.primary}}},x={root:m(m({position:"relative",height:30,minHeight:"auto",minWidth:"auto",textTransform:"none",overflow:"visible"},h.standardFont.standardFont1),{color:h.textColor.secondary,"&$selected":m({},h.standardFont.standardFont2)})},g=function(){return g=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},g.apply(this,arguments)},v=(0,i.Z)(),y={palette:{primary:{main:v.thmemColor.primary},secondary:{main:v.thmemColor.secondary},success:{main:v.stateColor.success},info:{main:v.stateColor.info},warning:{main:v.stateColor.warning},error:{main:v.stateColor.error}},typography:{fontFamily:v.fontFamily.zh,fontSize:v.fontSize},shape:{borderRadius:v.borderRadius},overrides:{MuiCssBaseline:{"@global":{body:g({fontFamily:v.fontFamily.zh,color:v.textColor.primary},v.standardFont.standardFont1),ul:{margin:0,listStyle:"none"},a:{cursor:"pointer",textDecoration:"none",outline:"none"}}},MuiButton:l,MuiIconButton:c,MuiBreadcrumbs:d,MuiStepConnector:p,MuiStepLabel:f,MuiTabs:b,MuiTab:x}},C=e(1731),w=function(){return w=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},w.apply(this,arguments)},S=function(o){var r,e=(0,n.createGenerateClassName)({seed:o.seed||"",productionPrefix:o.productionPrefix||"paraui"});return r=o.theme?(0,n.createMuiTheme)(w(w({},y),o.theme)):(0,n.createMuiTheme)(y),(0,t.jsx)(n.StylesProvider,w({generateClassName:e},{children:(0,t.jsxs)(n.ThemeProvider,w({theme:r},{children:[(0,t.jsx)(C.CssBaseline,{},void 0),o.children]}),void 0)}),void 0)}},5415:function(o,r){var e={thmemColor:{primary:"#3D66F8",secondary:"#7E98F5",thirdary:"#D6DFFD"},textColor:{primary:"#191919",secondary:"#6E7488",thirdary:"#BBBECB",white:"#FFFFFF"},bgBorderColor:{bg1:"#DCDDE3",bg2:"#F5F5F5",bg3:"#EDEDED",bg4:"#6E7488",line1:"#E5E9EF",universal:"#FFFFFF"},stateColor:{info:"#3D66F8",success:"#41D658",warning:"#FFA150",error:"#F46B53"},gradientColor:{gradient1:"linear-gradient(#3D66F8, #4F93F0)",gradient2:"linear-gradient(#0093FF, #4EB4FF)",gradient3:"linear-gradient(#844EFF, #A796FF)",gradient4:"linear-gradient(#FD7300, #FFBF69)",gradient5:"linear-gradient(#3D66F8, #D8DFFA)"},fontFamily:{zh:"Microsoft Yahei, Helvetica, sans-serif",en:"Microsoft Yahei, Helvetica, sans-serif"},fontSize:12,borderRadius:4,boxShadow:"4px 4px 6px rgba(70,75,105,0.2), -4px -4px 6px rgba(0,0,0,0.06)",buttonShadow:"4px 4px 6px rgba(70,75,105,0.1), -4px -4px 6px rgba(0,0,0,0.03)",standardFont:{standardFont1:{fontSize:"12px",fontWeight:"400"},standardFont2:{fontSize:"12px",fontWeight:"700"}},titleFont:{titleFont1:{fontSize:"14px",fontWeight:"400"},titleFont2:{fontSize:"14px",fontWeight:"700"}},visualLargeFont:{visualLargeFont1:{fontSize:"40px",fontWeight:"700"},visualLargeFont2:{fontSize:"40px",fontWeight:"700"}}};r.Z=function(){return e}},1731:function(o){o.exports=e},8604:function(o){o.exports=r},3285:function(o){o.exports=a},19:function(o){o.exports=n},20:function(o){o.exports=i},1102:function(o){o.exports=t},6897:function(o){o.exports=c},9297:function(r){r.exports=o},2268:function(o){o.exports=l}},d={};function u(o){var r=d[o];if(void 0!==r)return r.exports;var e=d[o]={exports:{}};return s[o](e,e.exports,u),e.exports}u.n=function(o){var r=o&&o.__esModule?function(){return o.default}:function(){return o};return u.d(r,{a:r}),r},u.d=function(o,r){for(var e in r)u.o(r,e)&&!u.o(o,e)&&Object.defineProperty(o,e,{enumerable:!0,get:r[e]})},u.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},u.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})};var p={};return function(){u.r(p),u.d(p,{Confirm:function(){return O},ConfirmBox:function(){return E},default:function(){return I}});var o=u(7712),r=u(9297),e=u(8604),t=u(1731),n=u(36),i=u(19),a=u.n(i),l=u(20),c=u.n(l),s=u(3285),d=u.n(s),f=u(4927),m=u(2268),h=u.n(m),b=u(6897),x=u.n(b),g=u(5415),v=u(7083),y=function(){return y=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},y.apply(this,arguments)},C=(0,g.Z)(),w={success:(0,o.jsx)(d(),{},void 0),warn:(0,o.jsx)(x(),{},void 0),warning:(0,o.jsx)(x(),{},void 0),error:(0,o.jsx)(c(),{},void 0),info:(0,o.jsx)(x(),{},void 0)},S={success:C.stateColor.success,warn:C.stateColor.warning,warning:C.stateColor.warning,error:C.stateColor.error,info:C.stateColor.info},j=(0,t.makeStyles)((function(o){return(0,t.createStyles)({modalPaper:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",outline:"none","& .confirm-wrapper":{position:"relative",width:function(o){return o.width},padding:"32px 32px 24px 32px","& .confirm-close":{position:"absolute",right:20,top:20,"& svg":{fontSize:20}},"& .confirm-icon":{float:"left",marginRight:"16px",marginTop:function(o){return o.title?"2px":"1px"},color:function(o){return S[o.type]},"& svg":{color:"currentColor"}},"& .confirm-body":{overflow:"hidden","& span":{display:"block",color:C.textColor.primary,fontSize:14,fontWeight:700,marginBottom:8},"& div":{color:C.textColor.primary,fontSize:12,marginLeft:1}},"& .confirm-btns":{marginTop:24,textAlign:"right","& button":{minWidth:50,padding:0,marginLeft:10},"& svg.action-icon":{fontSize:16,"&.action-icon-cancel":{color:C.textColor.thirdary}}}}}})})),F=function(r){var e=r.type,i=void 0===e?"warn":e,l=r.open,c=void 0!==l&&l,s=r.title,d=void 0===s?"":s,u=r.content,p=r.icon,m=void 0===p?null:p,h=r.okText,b=r.cancelText,x=r.onOk,g=r.onCancel,v=r.className,C=r.width,S=void 0===C?"416px":C,F=r.showCancel,k=void 0===F||F,O=r.closable,E=void 0!==O&&O,B=r.disableBackdropClick,T=void 0===B||B,z=r.disableEscapeKeyDown,P=void 0===z||z,N=r.okButtonProps,$=r.cancelButtonProps,D=r.resolveFn,I=r.callback,L=r.destroy,W=j({width:S,type:i,title:d}),_=function(){var o;null==g||g(),null==D||D(!1),window.$confirm?null===(o=window.$confirm)||void 0===o||o.call(window,!1):null==L||L()},q=function(){var o;null==x||x(),null==D||D(!0),null==I||I(),window.$confirm?null===(o=window.$confirm)||void 0===o||o.call(window,!1):null==L||L()};return(0,o.jsx)(t.Modal,y({open:c,onClose:function(o,r){T||_()},closeAfterTransition:!0,BackdropComponent:t.Backdrop,BackdropProps:{timeout:500},disableEscapeKeyDown:P,disableAutoFocus:!0,className:(0,f.Z)("confirm-modal-presentation","paraui-confirm",v)},{children:(0,o.jsx)(t.Fade,y({in:c},{children:(0,o.jsx)(t.Paper,y({elevation:0,className:(0,f.Z)(W.modalPaper)},{children:(0,o.jsxs)("div",y({className:"confirm-wrapper"},{children:[E&&(0,o.jsx)(n.default.IconButton,y({className:"confirm-close",showToolTip:!1,onClick:_},{children:(0,o.jsx)(a(),{},void 0)}),void 0),(0,o.jsx)("span",y({className:"confirm-icon"},{children:m||w[i]}),void 0),(0,o.jsxs)("div",y({className:"confirm-body"},{children:[d&&(0,o.jsx)("span",{children:d},void 0),(0,o.jsx)("div",{children:u},void 0)]}),void 0),(0,o.jsxs)("div",y({className:"confirm-btns"},{children:[k&&(0,o.jsx)(n.default,y({onClick:_},$,{children:b||"取消"}),void 0),(0,o.jsx)(n.default,y({color:"primary",onClick:q},N,{children:h||"确定"}),void 0)]}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0)},k=function(r,e,t){var n={type:e};return"string"==typeof r?n.content=r:n=y(y({},r),{type:e}),new Promise((function(r){window.$confirm?window.$confirm(n,r,t):function(r,e,t){var n=document.createElement("div");document.body.appendChild(n);var i=function(){h().unmountComponentAtNode(n)&&n.parentNode&&n.parentNode.removeChild(n)};setTimeout((function(){h().render((0,o.jsx)(v.default,{children:(0,o.jsx)(F,y({},r,{open:!0,resolveFn:e,callback:t,destroy:i}),void 0)},void 0),n)}))}(n,r,t)}))},O={info:function(o,r){return k(o,"info",r)},warn:function(o,r){return k(o,"warn",r)},error:function(o,r){return k(o,"error",r)},success:function(o,r){return k(o,"success",r)}},E=function(){var e=(0,r.useState)({}),t=e[0],n=e[1],i=(0,r.useState)(!1),a=i[0],l=i[1],c=(0,r.useRef)(null),s=(0,r.useRef)(null);return(0,r.useEffect)((function(){window.$confirm||(window.$confirm=function(o,r,e){c.current=r,s.current=e,o&&n(o),l(!!o)})}),[]),(0,o.jsx)(F,y({},t,{open:a,resolveFn:c.current,callback:s.current}),void 0)},B=function(){return B=Object.assign||function(o){for(var r,e=1,t=arguments.length;e<t;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(o[n]=r[n]);return o},B.apply(this,arguments)},T=function(o,r){var e={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&r.indexOf(t)<0&&(e[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(e[t[n]]=o[t[n]])}return e},z=(0,g.Z)(),P=(0,e.withStyles)((function(){return(0,e.createStyles)({root:{height:"40px",padding:"0 20px",backgroundColor:z.bgBorderColor.bg2,"& h6":{fontWeight:700,fontSize:12,lineHeight:"40px"},"& .close-btn":{position:"absolute",right:20,top:10,color:z.bgBorderColor.bg4,"& svg":{fontSize:20,color:"currentColor"}}}})}))((function(r){var e=r.children,i=r.onClose,l=r.classes;return(0,o.jsxs)(t.DialogTitle,B({disableTypography:!0,className:l.root},{children:[(0,o.jsx)(t.Typography,B({variant:"h6"},{children:e}),void 0),i?(0,o.jsx)(n.default.IconButton,B({onClick:i,className:"close-btn",showToolTip:!1},{children:(0,o.jsx)(a(),{},void 0)}),void 0):null]}),void 0)})),N=(0,e.withStyles)((function(){return{root:{maxHeight:"800px",padding:"8px 20px"}}}))(t.DialogContent),$=(0,e.withStyles)((function(o){return{root:{height:50,padding:"0 18px",borderTop:"1px solid ".concat(z.bgBorderColor.line1),"& > button:not(:first-child)":{marginLeft:20},"& > button":{color:z.textColor.primary,"& .btn-icon svg":{color:z.thmemColor.primary},"&.text-btn":{marginLeft:0}}}}}))(t.DialogActions),D=(0,e.makeStyles)((function(){return(0,e.createStyles)({sm:{width:"360px",maxHeight:"220px"},md:{width:"440px",maxHeight:"460px"},lg:{width:"840px",maxHeight:"540px"},customizeSize:function(o){return o?{width:o.width,maxHeight:o.height}:{}},auto:{width:"auto"},fullScreen:{width:"100%"},actionWrapper:{"& svg.action-icon":{fontSize:16,"&.action-icon-cancel":{color:z.textColor.thirdary}}},content:{maxHeight:"none"}})})),I=function(e){var i=e.open,a=void 0!==i&&i,l=e.title,s=void 0===l?"":l,u=e.children,p=void 0===u?null:u,m=e.actions,h=void 0===m?null:m,b=e.showActions,x=void 0===b||b,g=e.onOk,v=e.onCancel,y=e.okText,C=e.cancelText,w=e.okButtonProps,S=e.cancelButtonProps,j=e.showCancel,F=void 0===j||j,k=e.className,O=e.size,E=void 0===O?"auto":O,z=e.disableBackdropClick,I=void 0===z||z,L=e.disableEscapeKeyDown,W=void 0===L||L,_=e.disableEnforceFocus,q=void 0===_||_,R=e.fullScreen,Z=void 0!==R&&R,M=e.customizeSize,H=T(e,["open","title","children","actions","showActions","onOk","onCancel","okText","cancelText","okButtonProps","cancelButtonProps","showCancel","className","size","disableBackdropClick","disableEscapeKeyDown","disableEnforceFocus","fullScreen","customizeSize"]),A=(0,r.useState)(!1),K=A[0],U=A[1],Y=D(M||{}),G=Z||"fullScreen"===E,V=function(){U(!1),null==v||v()},J=function(){null==g||g()};(0,r.useEffect)((function(){U(a)}),[a]);var Q;return(0,o.jsxs)(t.Dialog,B({className:(0,f.Z)("modal-presentation","paraui-modal",k),scroll:"paper",onClose:function(o,r){I||V()},open:K,maxWidth:!1,disableEscapeKeyDown:W,disableEnforceFocus:q,fullScreen:G},H,{classes:(Q=E,M&&(Q="customizeSize"),G?{}:{paper:Y[Q]})},{children:[(0,o.jsx)(P,B({onClose:V},{children:s}),void 0),(0,o.jsx)(N,B({className:(0,f.Z)(G&&Y.content)},{children:p}),void 0),x?h?(0,o.jsx)($,B({className:Y.actionWrapper},{children:h}),void 0):(0,o.jsxs)($,B({className:Y.actionWrapper},{children:[F&&(0,o.jsx)(n.default,B({onClick:V,variant:"outlined",color:"primary",startIcon:(0,o.jsx)(c(),{className:"action-icon action-icon-cancel"},void 0)},S,{children:C||"取消"}),void 0),(0,o.jsx)(n.default,B({variant:"outlined",color:"primary",onClick:J,startIcon:(0,o.jsx)(d(),{className:"action-icon"},void 0)},w,{className:(0,f.Z)("text"===(null==w?void 0:w.variant)&&"text-btn")},{children:y||"完成"}),void 0)]}),void 0):null]}),void 0)}}(),p}()}));
|