@para-ui/core 2.2.16 → 2.2.19

package/Menu/index.js

@@ -11,4 +11,4 @@ object-assign
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */i(7418);var n=i(8156),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;r=o("react.element"),t.Fragment=o("react.fragment")}var p=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,m={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,i){var n,o={},l=null,u=null;for(n in void 0!==i&&(l=""+i),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!m.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:r,type:e,key:l,ref:u,props:o,_owner:p.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,i){"use strict";e.exports=i(5251)},7262:function(e,t,i){var n=i(3379),r=i(7283);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},6881:function(e,t,i){var n=i(3379),r=i(6949);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},3379:function(e,t,i){"use strict";var n,r=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var e={};return function(t){if(void 0===e[t]){var i=document.querySelector(t);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}e[t]=i}return e[t]}}(),p=[];function a(e){for(var t=-1,i=0;i<p.length;i++)if(p[i].identifier===e){t=i;break}return t}function m(e,t){for(var i={},n=[],r=0;r<e.length;r++){var o=e[r],m=t.base?o[0]+t.base:o[0],l=i[m]||0,u="".concat(m," ").concat(l);i[m]=l+1;var c=a(u),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==c?(p[c].references++,p[c].updater(s)):p.push({identifier:u,updater:h(s,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var r=i.nc;r&&(n.nonce=r)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var p=o(e.insert||"head");if(!p)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");p.appendChild(t)}return t}var u,c=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function s(e,t,i,n){var r=i?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=c(t,r);else{var o=document.createTextNode(r),p=e.childNodes;p[t]&&e.removeChild(p[t]),p.length?e.insertBefore(o,p[t]):e.appendChild(o)}}function v(e,t,i){var n=i.css,r=i.media,o=i.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f=null,d=0;function h(e,t){var i,n,r;if(t.singleton){var o=d++;i=f||(f=l(t)),n=s.bind(null,i,o,!1),r=s.bind(null,i,o,!0)}else i=l(t),n=v.bind(null,i,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var i=m(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<i.length;n++){var r=a(i[n]);p[r].references--}for(var o=m(e,t),l=0;l<i.length;l++){var u=a(i[l]);0===p[u].references&&(p[u].updater(),p.splice(u,1))}i=o}}}},5563:function(e,t,i){"use strict";i.d(t,{default:function(){return l}});var n=i(5893),r=i(8156),o=i(5002);function p(e,t){var i=e.timeout,n=e.style,r=void 0===n?{}:n;return{duration:r.transitionDuration||"number"==typeof i?i:i[t.mode]||0,delay:r.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}i(7262);var m=function(){return m=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},m.apply(this,arguments)},l=function(e){var t=e.className,i=e.style,l=e.in,u=e.collapsedHeight,c=void 0===u?"0px":u,s=e.timeout,v=void 0===s?"auto":s,f=e.unmountOnExit,d=e.children,h=(0,r.useRef)(null),g=(0,r.useRef)(null),x=(0,r.useRef)(null),b=(0,r.useRef)(null),y="number"==typeof c?"".concat(c,"px"):c;(0,r.useEffect)((function(){return function(){clearTimeout(h.current)}}),[]);var w=function(e){return function(t){e&&e(t)}},k=w((function(e){e.style.height=y})),j=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"enter"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),M=w((function(e){e.style.height="auto"})),O=w((function(e){var t=x.current?x.current.clientHeight:0;e.style.height="".concat(t,"px")})),N=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"exit"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=y})),S=function(e){var i="paraui-collapse-box";return t&&(i+=" "+t),"entered"===e&&(i+=" paraui-collapse-box-entered"),"exited"!==e||l||"0px"!==y||(i+=" paraui-collapse-box-hidden"),i};return(0,n.jsx)(o.Transition,m({in:l,unmountOnExit:f,onEnter:k,onEntered:M,onEntering:j,onExit:O,onExiting:N,timeout:"auto"===v?void 0:v,addEndListener:function(e,t){h.current=setTimeout(t,b.current||0)}},{children:function(e,t){return(0,n.jsx)("div",m({className:S(e),style:m({minHeight:y},i),ref:g},t,{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper",ref:x},{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper-inner"},{children:d}))}))}))}}))}},1197:function(e){"use strict";e.exports=r},2396:function(e){"use strict";e.exports=n},5602:function(e){"use strict";e.exports=a},1919:function(e){"use strict";e.exports=p},8543:function(e){"use strict";e.exports=o},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t},5002:function(e){"use strict";e.exports=i}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={id:e,exports:{}};return m[e](i,i.exports,u),i.exports}u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,{a:t}),t},u.d=function(e,t){for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.nc=void 0;var c={};return function(){"use strict";u.r(c),u.d(c,{Menu:function(){return N},default:function(){return S}});var e=u(5893),t=u(8156),i=u.n(t),n=function(){return n=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},r=function(t){var i,r=t.expansion,o=void 0===r||r,p=t.render,a=t.className;return(0,e.jsx)("div",n({className:(i="logo paraui-logo",a&&(i+=" "+a),o||(i+=" logo-shrink"),i)},{children:function(){if(p)return p}()}))},o=u(7111),p=u(5563),a=u(2396),m=u.n(a),l=u(1197),s=u(8543),v=function(){return v=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v.apply(this,arguments)},f=function(e,t,i){if(i||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))},d=function(i){var n=i.label,r=(i.type,i.path),o=i.icon,a=i.children,u=i.className,c=i.level,s=void 0===c?1:c,f=i.selectMenu,h=void 0===f?"":f,g=i.idMenuLast,x=i.onClickMenu,b=i.shrinkOthers,y=void 0===b||b,w=(0,t.useState)(!1),k=w[0],j=w[1];(0,t.useEffect)((function(){var e=g[h];e&&-1!==e.indexOf(r)&&e.length>1?j(!0):y&&j(!1)}),[g,h,r]);var M=function(){if(a&&a.length>0)return x&&x(!1),j(!k);x&&x(i)},O=function(){if(o){var t=l[o];return t?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:o}))}},N=(0,t.useMemo)((function(){return(0,e.jsxs)("div",v({onClick:M,className:"vertical-menu-list-item-content",style:(t={paddingRight:"12px"},t.paddingLeft=s>=0?32*(s-1)+16+"px":"16px",t)},{children:[O(),(0,e.jsx)("span",v({className:"menu-item-label"},{children:n})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"})}))]}));var t}),[a,x,k,s,o,n]),S=(0,t.useMemo)((function(){return(0,e.jsx)(p.default,v({in:k,className:"li-collapse",timeout:"auto",unmountOnExit:!0},{children:a&&a.length>0&&a.map((function(t,i){return(0,e.jsx)(d,v({},t,{level:s+1,idMenuLast:g,selectMenu:h,onClickMenu:x,shrinkOthers:y}),i)}))}))}),[k,a,s,g,h,x,y]);return(0,e.jsxs)("div",v({className:function(){var e="vertical-menu-list-item";k&&(e+=" vertical-menu-list-item-open"),u&&(e+=" "+u);var t=g[h];if(t){var i=t.indexOf(r);-1!==i&&(e+=" vertical-menu-list-item-select",i===t.length-1&&(e+=" vertical-menu-list-item-select-last"),k||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[N,S]}))},h=function(i){var n=i.open,r=void 0!==n&&n,p=i.anchorEl,a=i.idMenuLast,u=i.selectMenu,c=void 0===u?"":u,s=i.onClickMenu,f=i.list,d=void 0===f?[]:f,g=i.onMouseEnter,x=i.onMouseLeave,b=i.onMouseEnterBus,y=i.onMouseLeaveBus,w=i.level,k=void 0===w?1:w,j=i.color,M=i.className,O=(0,t.useState)(!1),N=O[0],S=O[1],E=(0,t.useState)(""),_=E[0],T=E[1],C=(0,t.useState)([]),L=C[0],P=C[1],R=(0,t.useState)({}),F=R[0],q=R[1],I=(0,t.useState)({})[0],z=(0,t.useRef)(null);(0,t.useEffect)((function(){return function(){clearTimeout(I.leaveBox),clearTimeout(I.closeTimer)}}),[]),(0,t.useEffect)((function(){B()}),[r,p]);var B=function(){if(p&&r&&z.current){var e=document.querySelector("[data-menu-id=".concat(p,"]")).getBoundingClientRect(),t=e.top;1!==k&&(t-=8),H()&&(t+=4);var i=document.body.clientHeight,n=z.current.clientHeight;n+t>i&&(t=t-(n+t-i)-20),t<0&&(t=0),q({position:"absolute",left:"0",top:"0",transform:"translate3d(".concat(e.right,"px, ").concat(t,"px, 0px)")})}},H=function(){return!(1!==k||1!==d.length||!d[0]._paraui_menu_first||d[0].children&&0!==d[0].children.length)},D=function(e){var t="menu-item-popper-content-item",i=a&&a[c];return i&&-1!==i.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},U=function(t){if(t){var i=l[t];return i?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:i()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t}))}},A=function(e){return function(t){e.children&&e.children.length>0||s&&s(e)}},Y=function(){H()||(1==k?g&&g():b&&b())},J=function(){H()||(clearTimeout(I.leaveBox),I.leaveBox=setTimeout((function(){1===k?x&&x():y&&y()}),50))},W=function(e){return function(t){K(t.target),S(!1),clearTimeout(I.closeTimer),I.closeTimer=setTimeout((function(){(e.children||[]).length>0?(S(!0),T(t.target.getAttribute("data-menu-id")),P(e.children||[])):(S(!1),T(""),P([]))}))}},K=function(e){if(z){var t=z.current.querySelector(".menu-item-popper-content-item-hover");t&&t.classList.remove("menu-item-popper-content-item-hover")}e&&e.classList.add("menu-item-popper-content-item-hover")},Q=(0,t.useMemo)((function(){return(0,e.jsx)("div",v({className:"menu-item-popper-content",onMouseEnter:Y,onMouseLeave:J,ref:z},{children:d.map((function(t,i){return(0,e.jsx)("div",v({className:D(t),onMouseEnter:W(t),onMouseLeave:function(e){}},{children:(0,e.jsxs)("div",v({className:"menu-item-popper-content-item-content","data-menu-id":t._paraui_menu_id,onClick:A(t)},{children:[U(t.icon),(0,e.jsx)("span",v({className:"menu-item-label"},{children:t.label})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:(n=t.children,n&&n.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"}))}))]}))}),i);var n}))}))}),[d,s,a,c,s,g,x,k]),$=function(){return(0,e.jsx)("div",v({className:(t="vertical-menu-item-popper paraui-vertical-menu-item-popper",j&&(t+=" paraui-vertical-menu-item-popper-"+j),t+="deep"===j?" paraui-scrollbar-small-deep":" paraui-scrollbar-small",H()&&(t+=" paraui-vertical-menu-item-popper-tooltip"),M&&(t+=" "+M),t),style:F},{children:Q}));var t},G=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:(0,o.createPortal)((0,e.jsx)($,{}),document.getElementsByTagName("body")[0])})}),[F,d,s,a,c,s,g,x,k,M,j]);return(0,e.jsxs)(e.Fragment,{children:[G,N&&(0,e.jsx)(h,{open:N,anchorEl:_,list:L,idMenuLast:a,selectMenu:c,onClickMenu:s,onMouseEnter:g,onMouseLeave:x,onMouseEnterBus:function(){clearTimeout(I.leaveBox)},onMouseLeaveBus:function(){S(!1),T(""),P([]),x&&x()},color:j,level:k+1})]})},g=function(e){if(!e)return 0;try{var t=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(t&&t[2])}catch(e){}return 0},x=function(n){var r=n.list,o=void 0===r?[]:r,p=n.expansion,a=void 0===p||p,u=n.selectMenu,c=void 0===u?"":u,x=n.onClickMenu,b=n.className,y=n.shrinkOthers,w=void 0===y||y,k=n.color,j=(0,t.useState)([]),M=j[0],O=j[1],N=(0,t.useState)(!1),S=N[0],E=N[1],_=(0,t.useState)(null),T=_[0],C=_[1],L=(0,t.useState)(""),P=L[0],R=L[1],F=(0,t.useState)([]),q=F[0],I=F[1],z=(0,t.useState)(""),B=z[0],H=z[1],D=(0,t.useState)({}),U=D[0],A=D[1],Y=(0,t.useState)({prev:!1,next:!1}),J=Y[0],W=Y[1],K=(0,t.useState)({})[0],Q=i().useRef();(0,t.useEffect)((function(){return function(){clearTimeout(K.arrowTimer),clearTimeout(K.leaveTimer),clearTimeout(K.enterTimer)}}),[]),(0,t.useEffect)((function(){for(var e=[],t=0,i=o.length;t<i;t++){var n=o[t];e.push(v({},n))}ee(e)}),[o]),(0,t.useEffect)((function(){G()}),[M]),(0,t.useEffect)((function(){c!==B&&H(c),G()}),[c]);var $,G=function(){clearTimeout(K.arrowTimer),K.arrowTimer=setTimeout((function(){var e=Z(),t=e.min,i=e.max,n=g(Q.current.style.transform);W({prev:n!==t,next:n>i})}),300)},V=function(e){return function(){var t=g(Q.current.style.transform);switch(e){case"next":t-=100;break;case"prev":t+=100}X(t)}},X=function(e){var t=Z(),i=t.min,n=t.max;e>i&&(e=i),e<n&&(e=n),W({prev:e!==i,next:e>n}),Q.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Z=function(){var e=Q.current.parentNode.getBoundingClientRect().height,t=-(Q.current.getBoundingClientRect().height-e);return e>Q.current.getBoundingClientRect().height&&(t=0),{min:0,max:t}},ee=function(e){var t={},i={},n={},r=function(e,o){for(var p=0,a=e.length;p<a;p++){var m=e[p],l=m.path;if(m._paraui_menu_id="_paraui_menu_id_"+(0,s.UUID)(),t[l]=m,o){var u=(0,s.DeepClone)(i[o.path]||[]);u.push(l),i[l]=f([],u,!0)}else i[l]=[l],m._paraui_menu_first=!0;m.children&&m.children.length>0?r(m.children,m):n[l]=i[l]}};r(e),A(n),O(e)},te=function(e,t){return function(i){E(!1),clearTimeout(K.enterTimer),K.enterTimer=setTimeout((function(){clearTimeout(K.leaveTimer);var n=[e];e.children&&e.children.length>0&&(n=e.children),C(t),R(i.target.getAttribute("data-menu-id")),I(n),E(!0)}))}},ie=function(){clearTimeout(K.leaveTimer),K.leaveTimer=setTimeout((function(){oe()}),50)},ne=function(){clearTimeout(K.leaveTimer)},re=function(){ie()},oe=function(){E(!1),R(""),I([]),C(null)},pe=function(e){var t=e.icon,i=e.label;if(t){var n=l[t];return n?n():t}return"string"==typeof i?i[0]:i},ae=function(e){return function(){if(!e.children||0===e.children.length){var t=v({},e);delete t._paraui_menu_id,x&&x(t)}}},me=function(e){if(!1===e)return G();oe();var t=v({},e);delete t._paraui_menu_id,x&&x(t)},le=function(e,t){var i="vertical-menu-list-item-shrink",n=U[B];return n&&-1!==n.indexOf(e.path)&&(i+=" vertical-menu-list-item-shrink-select"),T===t&&(i+=" vertical-menu-list-item-shrink-hover"),i},ue=(0,t.useMemo)((function(){if(a)return M.map((function(e,i){return(0,t.createElement)(d,v({},e,{key:i,level:1,idMenuLast:U,selectMenu:B,onClickMenu:me,shrinkOthers:w}))}))}),[a,M,U,B,x,w]),ce=(0,t.useMemo)((function(){return a?null:M.map((function(t,i){return(0,e.jsx)("div",v({className:le(t,i),onMouseEnter:te(t,i),onMouseLeave:function(e){ie()},"data-menu-id":t._paraui_menu_id,onClick:ae(t)},{children:(0,e.jsx)("span",{children:pe(t)})}),i)}))}),[a,M,U,B,T]),se=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.prev&&(0,e.jsx)("span",v({className:"scroll-top"},{children:(0,e.jsx)(m(),{onClick:V("prev")})}))})}),[J]),ve=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.next&&(0,e.jsx)("span",v({className:"scroll-bottom"},{children:(0,e.jsx)(m(),{onClick:V("next")})}))})}),[J]),fe=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:S&&(0,e.jsx)(h,{open:S,anchorEl:P,list:q,idMenuLast:U,selectMenu:B,onClickMenu:me,onMouseEnter:ne,onMouseLeave:re,color:k,level:1})})}),[S,P,q,U,B,x,K,k]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",v({className:($="paraui-vertical-menu-list vertical-menu-list",b&&($+=" "+b),$),onWheel:function(e){return function(e){var t=e.deltaY,i=g(Q.current.style.transform);X(i-=t)}(e)}},{children:[se,(0,e.jsx)("div",v({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",v({className:"vertical-menu-list-box-srcoll",ref:Q},{children:[ue,ce]}))})),ve]})),fe]})},b=u(1919),y=u.n(b),w=u(5602),k=u.n(w),j=function(){return j=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},j.apply(this,arguments)},M=function(t){var i,n=t.expansion,r=void 0===n||n,o=t.expandIcon,p=t.shrinkIcon,a=t.customizeContent,m=t.clickExpansion,l=t.version,u=t.className,c=function(){m&&m(!r)};return(0,e.jsx)("div",j({className:(i="footer-expansion paraui-footer-expansion",u&&(i+=" "+u),r||(i+=" footer-expansion-shrink"),i)},{children:function(){if(a)return a;return(0,e.jsxs)(e.Fragment,{children:[r?o||(0,e.jsx)(y(),{onClick:c}):p||(0,e.jsx)(k(),{onClick:c}),r&&l&&(0,e.jsx)("span",j({className:"version"},{children:l}))]})}()}))},O=(u(6881),function(){return O=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},O.apply(this,arguments)}),N=function(i){var n=i.color,o=void 0===n?"deep":n,p=i.logoProps,a=i.menuListProps,m=i.expansion,l=void 0===m||m,u=i.onClickExpansion,c=i.selectMenu,s=i.onClickMenu,v=i.className,f=i.style,d=i.shrinkOthers,h=void 0===d||d,g=i.footerExpansionProps,b=i.showExpansion,y=void 0===b||b,w=(0,t.useState)(!0),k=w[0],j=w[1];(0,t.useEffect)((function(){l!==k&&j(l)}),[l]);var N,S=function(){u&&u(!k)},E=(0,t.useMemo)((function(){return i.logoProps&&(0,e.jsx)(r,O({},p,{expansion:k}))}),[p,k]),_=(0,t.useMemo)((function(){return i.menuListProps&&(0,e.jsx)(x,O({},a,{color:o,expansion:k,selectMenu:c,onClickMenu:s,shrinkOthers:h}))}),[a,k,c,s,o]),T=(0,t.useMemo)((function(){return y?(0,e.jsx)(M,O({clickExpansion:S},g,{expansion:k})):null}),[k,u,g,u,y]);return(0,e.jsxs)("div",O({className:(N="vertical-menu paraui-vertical-menu",v&&(N+=" "+v),o&&(N+=" paraui-vertical-menu-"+o),l||(N+=" vertical-menu-shrink"),N),style:f},{children:[E,_,T]}))},S=N}(),c}()}));
+ */i(7418);var n=i(8156),r=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;r=o("react.element"),t.Fragment=o("react.fragment")}var p=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a=Object.prototype.hasOwnProperty,m={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,i){var n,o={},l=null,u=null;for(n in void 0!==i&&(l=""+i),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,n)&&!m.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===o[n]&&(o[n]=t[n]);return{$$typeof:r,type:e,key:l,ref:u,props:o,_owner:p.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,i){"use strict";e.exports=i(5251)},7262:function(e,t,i){var n=i(3379),r=i(7283);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},6881:function(e,t,i){var n=i(3379),r=i(6949);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.id,r,""]]);var o={insert:("body","body"),singleton:!1};n(r,o);e.exports=r.locals||{}},3379:function(e,t,i){"use strict";var n,r=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},o=function(){var e={};return function(t){if(void 0===e[t]){var i=document.querySelector(t);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}e[t]=i}return e[t]}}(),p=[];function a(e){for(var t=-1,i=0;i<p.length;i++)if(p[i].identifier===e){t=i;break}return t}function m(e,t){for(var i={},n=[],r=0;r<e.length;r++){var o=e[r],m=t.base?o[0]+t.base:o[0],l=i[m]||0,u="".concat(m," ").concat(l);i[m]=l+1;var c=a(u),s={css:o[1],media:o[2],sourceMap:o[3]};-1!==c?(p[c].references++,p[c].updater(s)):p.push({identifier:u,updater:h(s,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var r=i.nc;r&&(n.nonce=r)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var p=o(e.insert||"head");if(!p)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");p.appendChild(t)}return t}var u,c=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function s(e,t,i,n){var r=i?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=c(t,r);else{var o=document.createTextNode(r),p=e.childNodes;p[t]&&e.removeChild(p[t]),p.length?e.insertBefore(o,p[t]):e.appendChild(o)}}function v(e,t,i){var n=i.css,r=i.media,o=i.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var f=null,d=0;function h(e,t){var i,n,r;if(t.singleton){var o=d++;i=f||(f=l(t)),n=s.bind(null,i,o,!1),r=s.bind(null,i,o,!0)}else i=l(t),n=v.bind(null,i,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(i)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var i=m(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<i.length;n++){var r=a(i[n]);p[r].references--}for(var o=m(e,t),l=0;l<i.length;l++){var u=a(i[l]);0===p[u].references&&(p[u].updater(),p.splice(u,1))}i=o}}}},5563:function(e,t,i){"use strict";i.d(t,{default:function(){return l}});var n=i(5893),r=i(8156),o=i(5002);function p(e,t){var i=e.timeout,n=e.style,r=void 0===n?{}:n;return{duration:r.transitionDuration||"number"==typeof i?i:i[t.mode]||0,delay:r.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}i(7262);var m=function(){return m=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},m.apply(this,arguments)},l=function(e){var t=e.className,i=e.style,l=e.in,u=e.collapsedHeight,c=void 0===u?"0px":u,s=e.timeout,v=void 0===s?"auto":s,f=e.unmountOnExit,d=e.children,h=(0,r.useRef)(null),g=(0,r.useRef)(null),x=(0,r.useRef)(null),b=(0,r.useRef)(null),y="number"==typeof c?"".concat(c,"px"):c;(0,r.useEffect)((function(){return function(){clearTimeout(h.current)}}),[]);var w=function(e){return function(t){e&&e(t)}},k=w((function(e){e.style.height=y})),j=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"enter"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),M=w((function(e){e.style.height="auto"})),O=w((function(e){var t=x.current?x.current.clientHeight:0;e.style.height="".concat(t,"px")})),N=w((function(e){var t=x.current?x.current.clientHeight:0,n=p({style:i,timeout:v},{mode:"exit"}).duration;if("auto"===v){var r=a(t);e.style.transitionDuration="".concat(r,"ms"),b.current=r}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=y})),S=function(e){var i="paraui-collapse-box";return t&&(i+=" "+t),"entered"===e&&(i+=" paraui-collapse-box-entered"),"exited"!==e||l||"0px"!==y||(i+=" paraui-collapse-box-hidden"),i};return(0,n.jsx)(o.Transition,m({in:l,unmountOnExit:f,onEnter:k,onEntered:M,onEntering:j,onExit:O,onExiting:N,timeout:"auto"===v?void 0:v,addEndListener:function(e,t){h.current=setTimeout(t,b.current||0)}},{children:function(e,t){return(0,n.jsx)("div",m({className:S(e),style:m({minHeight:y},i),ref:g},t,{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper",ref:x},{children:(0,n.jsx)("div",m({className:"paraui-collapse-box-wrapper-inner"},{children:d}))}))}))}}))}},1197:function(e){"use strict";e.exports=r},2396:function(e){"use strict";e.exports=n},5602:function(e){"use strict";e.exports=a},1919:function(e){"use strict";e.exports=p},8543:function(e){"use strict";e.exports=o},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t},5002:function(e){"use strict";e.exports=i}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var i=l[e]={id:e,exports:{}};return m[e](i,i.exports,u),i.exports}u.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return u.d(t,{a:t}),t},u.d=function(e,t){for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},u.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},u.nc=void 0;var c={};return function(){"use strict";u.r(c),u.d(c,{Menu:function(){return N},default:function(){return S}});var e=u(5893),t=u(8156),i=u.n(t),n=function(){return n=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},r=function(t){var i,r=t.expansion,o=void 0===r||r,p=t.render,a=t.className;return(0,e.jsx)("div",n({className:(i="logo paraui-logo",a&&(i+=" "+a),o||(i+=" logo-shrink"),i)},{children:function(){if(p)return p}()}))},o=u(7111),p=u(5563),a=u(2396),m=u.n(a),l=u(1197),s=u(8543),v=function(){return v=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},v.apply(this,arguments)},f=function(e,t,i){if(i||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))},d=function(i){var n=i.label,r=(i.type,i.path),o=i.icon,a=i.children,u=i.className,c=i.level,s=void 0===c?1:c,f=i.selectMenu,h=void 0===f?"":f,g=i.idMenuLast,x=i.onClickMenu,b=i.shrinkOthers,y=void 0===b||b,w=(0,t.useState)(!1),k=w[0],j=w[1];(0,t.useEffect)((function(){var e=g[h];e&&-1!==e.indexOf(r)&&e.length>1?j(!0):y&&j(!1)}),[g,h,r]);var M=function(){if(a&&a.length>0)return x&&x(!1),j(!k);x&&x(i)},O=function(){if(o){var t=l[o];return t?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:o}))}},N=(0,t.useMemo)((function(){return(0,e.jsxs)("div",v({onClick:M,className:"vertical-menu-list-item-content",style:(t={paddingRight:"12px"},t.paddingLeft=s>=0?32*(s-1)+16+"px":"16px",t)},{children:[O(),(0,e.jsx)("span",v({className:"menu-item-label"},{children:n})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:a&&a.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"})}))]}));var t}),[a,x,k,s,o,n]),S=(0,t.useMemo)((function(){return(0,e.jsx)(p.default,v({in:k,className:"li-collapse",timeout:"auto",unmountOnExit:!0},{children:a&&a.length>0&&a.map((function(t,i){return(0,e.jsx)(d,v({},t,{level:s+1,idMenuLast:g,selectMenu:h,onClickMenu:x,shrinkOthers:y}),i)}))}))}),[k,a,s,g,h,x,y]);return(0,e.jsxs)("div",v({className:function(){var e="vertical-menu-list-item";k&&(e+=" vertical-menu-list-item-open"),u&&(e+=" "+u);var t=g[h];if(t){var i=t.indexOf(r);-1!==i&&(e+=" vertical-menu-list-item-select",i===t.length-1&&(e+=" vertical-menu-list-item-select-last"),k||(e+=" vertical-menu-list-item-select-retract"))}return e}()},{children:[N,S]}))},h=function(i){var n=i.open,r=void 0!==n&&n,p=i.anchorEl,a=i.idMenuLast,u=i.selectMenu,c=void 0===u?"":u,s=i.onClickMenu,f=i.list,d=i.onMouseEnter,g=i.onMouseLeave,x=i.onMouseEnterBus,b=i.onMouseLeaveBus,y=i.level,w=void 0===y?1:y,k=i.color,j=i.className,M=(0,t.useState)(!1),O=M[0],N=M[1],S=(0,t.useState)(""),E=S[0],_=S[1],T=(0,t.useState)([]),C=T[0],L=T[1],P=(0,t.useState)({}),R=P[0],F=P[1],q=(0,t.useState)({})[0],I=(0,t.useRef)(null);(0,t.useEffect)((function(){return function(){clearTimeout(q.leaveBox),clearTimeout(q.closeTimer)}}),[]),(0,t.useEffect)((function(){z()}),[r,p]);var z=function(){if(p&&r&&I.current){var e=document.querySelector("[data-menu-id=".concat(p,"]")).getBoundingClientRect(),t=e.top;1!==w&&(t-=8),B()&&(t+=4);var i=document.body.clientHeight,n=I.current.clientHeight;n+t>i&&(t=t-(n+t-i)-20),t<0&&(t=0),F({position:"absolute",left:"0",top:"0",transform:"translate3d(".concat(e.right,"px, ").concat(t,"px, 0px)")})}},B=function(){var e=f||[];return!(1!==w||1!==e.length||!e[0]._paraui_menu_first||e[0].children&&0!==e[0].children.length)},H=function(e){var t="menu-item-popper-content-item",i=a&&a[c];return i&&-1!==i.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},D=function(t){if(t){var i=l[t];return i?(0,e.jsx)("span",v({className:"menu-item-icon"},{children:i()})):(0,e.jsx)("span",v({className:"menu-item-icon"},{children:t}))}},U=function(e){return function(t){e.children&&e.children.length>0||s&&s(e)}},A=function(){B()||(1==w?d&&d():x&&x())},Y=function(){B()||(clearTimeout(q.leaveBox),q.leaveBox=setTimeout((function(){1===w?g&&g():b&&b()}),50))},J=function(e){return function(t){W(t.target),N(!1),clearTimeout(q.closeTimer),q.closeTimer=setTimeout((function(){(e.children||[]).length>0?(N(!0),_(t.target.getAttribute("data-menu-id")),L(e.children||[])):(N(!1),_(""),L([]))}))}},W=function(e){if(I){var t=I.current.querySelector(".menu-item-popper-content-item-hover");t&&t.classList.remove("menu-item-popper-content-item-hover")}e&&e.classList.add("menu-item-popper-content-item-hover")},K=(0,t.useMemo)((function(){return(0,e.jsx)("div",v({className:"menu-item-popper-content",onMouseEnter:A,onMouseLeave:Y,ref:I},{children:(f||[]).map((function(t,i){return(0,e.jsx)("div",v({className:H(t),onMouseEnter:J(t),onMouseLeave:function(e){}},{children:(0,e.jsxs)("div",v({className:"menu-item-popper-content-item-content","data-menu-id":t._paraui_menu_id,onClick:U(t)},{children:[D(t.icon),(0,e.jsx)("span",v({className:"menu-item-label"},{children:t.label})),(0,e.jsx)("span",v({className:"menu-item-arrow"},{children:(n=t.children,n&&n.length>0?(0,e.jsx)(m(),{}):(0,e.jsx)(m(),{className:"opacity-pos-svg"}))}))]}))}),i);var n}))}))}),[f,s,a,c,s,d,g,w]),Q=function(){return(0,e.jsx)("div",v({className:(t="vertical-menu-item-popper paraui-vertical-menu-item-popper",k&&(t+=" paraui-vertical-menu-item-popper-"+k),t+="deep"===k?" paraui-scrollbar-small-deep":" paraui-scrollbar-small",B()&&(t+=" paraui-vertical-menu-item-popper-tooltip"),j&&(t+=" "+j),t),style:R},{children:K}));var t},$=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:(0,o.createPortal)((0,e.jsx)(Q,{}),document.getElementsByTagName("body")[0])})}),[R,f,s,a,c,s,d,g,w,j,k]);return(0,e.jsxs)(e.Fragment,{children:[$,O&&(0,e.jsx)(h,{open:O,anchorEl:E,list:C,idMenuLast:a,selectMenu:c,onClickMenu:s,onMouseEnter:d,onMouseLeave:g,onMouseEnterBus:function(){clearTimeout(q.leaveBox)},onMouseLeaveBus:function(){N(!1),_(""),L([]),g&&g()},color:k,level:w+1})]})},g=function(e){if(!e)return 0;try{var t=e.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(t&&t[2])}catch(e){}return 0},x=function(n){var r=n.list,o=void 0===r?[]:r,p=n.expansion,a=void 0===p||p,u=n.selectMenu,c=void 0===u?"":u,x=n.onClickMenu,b=n.className,y=n.shrinkOthers,w=void 0===y||y,k=n.color,j=(0,t.useState)([]),M=j[0],O=j[1],N=(0,t.useState)(!1),S=N[0],E=N[1],_=(0,t.useState)(null),T=_[0],C=_[1],L=(0,t.useState)(""),P=L[0],R=L[1],F=(0,t.useState)([]),q=F[0],I=F[1],z=(0,t.useState)(""),B=z[0],H=z[1],D=(0,t.useState)({}),U=D[0],A=D[1],Y=(0,t.useState)({prev:!1,next:!1}),J=Y[0],W=Y[1],K=(0,t.useState)({})[0],Q=i().useRef();(0,t.useEffect)((function(){return function(){clearTimeout(K.arrowTimer),clearTimeout(K.leaveTimer),clearTimeout(K.enterTimer)}}),[]),(0,t.useEffect)((function(){for(var e=[],t=0,i=o.length;t<i;t++){var n=o[t];e.push(v({},n))}ee(e)}),[o]),(0,t.useEffect)((function(){G()}),[M]),(0,t.useEffect)((function(){c!==B&&H(c),G()}),[c]);var $,G=function(){clearTimeout(K.arrowTimer),K.arrowTimer=setTimeout((function(){var e=Z(),t=e.min,i=e.max,n=g(Q.current.style.transform);W({prev:n!==t,next:n>i})}),300)},V=function(e){return function(){var t=g(Q.current.style.transform);switch(e){case"next":t-=100;break;case"prev":t+=100}X(t)}},X=function(e){var t=Z(),i=t.min,n=t.max;e>i&&(e=i),e<n&&(e=n),W({prev:e!==i,next:e>n}),Q.current.style.transform="translate3d(0, ".concat(e,"px, 0)")},Z=function(){var e=Q.current.parentNode.getBoundingClientRect().height,t=-(Q.current.getBoundingClientRect().height-e);return e>Q.current.getBoundingClientRect().height&&(t=0),{min:0,max:t}},ee=function(e){var t={},i={},n={},r=function(e,o){for(var p=0,a=e.length;p<a;p++){var m=e[p],l=m.path;if(m._paraui_menu_id="_paraui_menu_id_"+(0,s.UUID)(),t[l]=m,o){var u=(0,s.DeepClone)(i[o.path]||[]);u.push(l),i[l]=f([],u,!0)}else i[l]=[l],m._paraui_menu_first=!0;m.children&&m.children.length>0?r(m.children,m):n[l]=i[l]}};r(e),A(n),O(e)},te=function(e,t){return function(i){E(!1),clearTimeout(K.enterTimer),K.enterTimer=setTimeout((function(){clearTimeout(K.leaveTimer);var n=[e];e.children&&e.children.length>0&&(n=e.children),C(t),R(i.target.getAttribute("data-menu-id")),I(n),E(!0)}))}},ie=function(){clearTimeout(K.leaveTimer),K.leaveTimer=setTimeout((function(){oe()}),50)},ne=function(){clearTimeout(K.leaveTimer)},re=function(){ie()},oe=function(){E(!1),R(""),I([]),C(null)},pe=function(e){var t=e.icon,i=e.label;if(t){var n=l[t];return n?n():t}return"string"==typeof i?i[0]:i},ae=function(e){return function(){if(!e.children||0===e.children.length){var t=v({},e);delete t._paraui_menu_id,x&&x(t)}}},me=function(e){if(!1===e)return G();oe();var t=v({},e);delete t._paraui_menu_id,x&&x(t)},le=function(e,t){var i="vertical-menu-list-item-shrink",n=U[B];return n&&-1!==n.indexOf(e.path)&&(i+=" vertical-menu-list-item-shrink-select"),T===t&&(i+=" vertical-menu-list-item-shrink-hover"),i},ue=(0,t.useMemo)((function(){if(a)return M.map((function(e,i){return(0,t.createElement)(d,v({},e,{key:i,level:1,idMenuLast:U,selectMenu:B,onClickMenu:me,shrinkOthers:w}))}))}),[a,M,U,B,x,w]),ce=(0,t.useMemo)((function(){return a?null:M.map((function(t,i){return(0,e.jsx)("div",v({className:le(t,i),onMouseEnter:te(t,i),onMouseLeave:function(e){ie()},"data-menu-id":t._paraui_menu_id,onClick:ae(t)},{children:(0,e.jsx)("span",{children:pe(t)})}),i)}))}),[a,M,U,B,T]),se=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.prev&&(0,e.jsx)("span",v({className:"scroll-top"},{children:(0,e.jsx)(m(),{onClick:V("prev")})}))})}),[J]),ve=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:J.next&&(0,e.jsx)("span",v({className:"scroll-bottom"},{children:(0,e.jsx)(m(),{onClick:V("next")})}))})}),[J]),fe=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:S&&(0,e.jsx)(h,{open:S,anchorEl:P,list:q,idMenuLast:U,selectMenu:B,onClickMenu:me,onMouseEnter:ne,onMouseLeave:re,color:k,level:1})})}),[S,P,q,U,B,x,K,k]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",v({className:($="paraui-vertical-menu-list vertical-menu-list",b&&($+=" "+b),$),onWheel:function(e){return function(e){var t=e.deltaY,i=g(Q.current.style.transform);X(i-=t)}(e)}},{children:[se,(0,e.jsx)("div",v({className:"vertical-menu-list-box"},{children:(0,e.jsxs)("div",v({className:"vertical-menu-list-box-srcoll",ref:Q},{children:[ue,ce]}))})),ve]})),fe]})},b=u(1919),y=u.n(b),w=u(5602),k=u.n(w),j=function(){return j=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},j.apply(this,arguments)},M=function(t){var i,n=t.expansion,r=void 0===n||n,o=t.expandIcon,p=t.shrinkIcon,a=t.customizeContent,m=t.clickExpansion,l=t.version,u=t.className,c=function(){m&&m(!r)};return(0,e.jsx)("div",j({className:(i="footer-expansion paraui-footer-expansion",u&&(i+=" "+u),r||(i+=" footer-expansion-shrink"),i)},{children:function(){if(a)return a;return(0,e.jsxs)(e.Fragment,{children:[r?o||(0,e.jsx)(y(),{onClick:c}):p||(0,e.jsx)(k(),{onClick:c}),r&&l&&(0,e.jsx)("span",j({className:"version"},{children:l}))]})}()}))},O=(u(6881),function(){return O=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++)for(var r in t=arguments[i])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},O.apply(this,arguments)}),N=function(i){var n=i.color,o=void 0===n?"deep":n,p=i.logoProps,a=i.menuListProps,m=i.expansion,l=void 0===m||m,u=i.onClickExpansion,c=i.selectMenu,s=i.onClickMenu,v=i.className,f=i.style,d=i.shrinkOthers,h=void 0===d||d,g=i.footerExpansionProps,b=i.showExpansion,y=void 0===b||b,w=(0,t.useState)(!0),k=w[0],j=w[1];(0,t.useEffect)((function(){l!==k&&j(l)}),[l]);var N,S=function(){u&&u(!k)},E=(0,t.useMemo)((function(){return i.logoProps&&(0,e.jsx)(r,O({},p,{expansion:k}))}),[p,k]),_=(0,t.useMemo)((function(){return i.menuListProps&&(0,e.jsx)(x,O({},a,{color:o,expansion:k,selectMenu:c,onClickMenu:s,shrinkOthers:h}))}),[a,k,c,s,o]),T=(0,t.useMemo)((function(){return y?(0,e.jsx)(M,O({clickExpansion:S},g,{expansion:k})):null}),[k,u,g,u,y]);return(0,e.jsxs)("div",O({className:(N="vertical-menu paraui-vertical-menu",v&&(N+=" "+v),o&&(N+=" paraui-vertical-menu-"+o),l||(N+=" vertical-menu-shrink"),N),style:f},{children:[E,_,T]}))},S=N}(),c}()}));

package/PageHeader/index.js

@@ -11,4 +11,4 @@ object-assign
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */n(7418);var o=n(8156),i=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),t.Fragment=r("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,n){var o,r={},l=null,c=null;for(o in void 0!==n&&(l=""+n),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(c=t.ref),t)p.call(t,o)&&!u.hasOwnProperty(o)&&(r[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===r[o]&&(r[o]=t[o]);return{$$typeof:i,type:e,key:l,ref:c,props:r,_owner:a.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,n){"use strict";e.exports=n(5251)},5822:function(e,t,n){var o=n(3379),i=n(8313);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var r={insert:("body","body"),singleton:!1};o(i,r);e.exports=i.locals||{}},1132:function(e,t,n){var o=n(3379),i=n(1027);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var r={insert:("body","body"),singleton:!1};o(i,r);e.exports=i.locals||{}},2310:function(e,t,n){var o=n(3379),i=n(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var r={insert:("body","body"),singleton:!1};o(i,r);e.exports=i.locals||{}},3379:function(e,t,n){"use strict";var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},r=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function p(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},o=[],i=0;i<e.length;i++){var r=e[i],u=t.base?r[0]+t.base:r[0],l=n[u]||0,c="".concat(u," ").concat(l);n[u]=l+1;var s=p(c),m={css:r[1],media:r[2],sourceMap:r[3]};-1!==s?(a[s].references++,a[s].updater(m)):a.push({identifier:c,updater:b(m,t),references:1}),o.push(c)}return o}function l(e){var t=document.createElement("style"),o=e.attributes||{};if(void 0===o.nonce){var i=n.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(e){t.setAttribute(e,o[e])})),"function"==typeof e.insert)e.insert(t);else{var a=r(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var c,s=(c=[],function(e,t){return c[e]=t,c.filter(Boolean).join("\n")});function m(e,t,n,o){var i=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(e.styleSheet)e.styleSheet.cssText=s(t,i);else{var r=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function d(e,t,n){var o=n.css,i=n.media,r=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var h=null,g=0;function b(e,t){var n,o,i;if(t.singleton){var r=g++;n=h||(h=l(t)),o=m.bind(null,n,r,!1),i=m.bind(null,n,r,!0)}else n=l(t),o=d.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var o=0;o<n.length;o++){var i=p(n[o]);a[i].references--}for(var r=u(e,t),l=0;l<n.length;l++){var c=p(n[l]);0===a[c].references&&(a[c].updater(),a.splice(c,1))}n=r}}}},7896:function(e,t,n){"use strict";n.d(t,{default:function(){return y}});var o=n(5893),i=n(8156),r=n(670),a=n(5744),p=n.n(a),u=n(2788),l=n.n(u),c=n(3835),s=n.n(c),m=n(7371),d=n(2396),h=n.n(d),g=n(3054),b={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},f=function(){return f=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},f.apply(this,arguments)};n(5822);var v=function(){return v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},v.apply(this,arguments)},x=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n},z=function(e){var t=e.variant,n=void 0===t?"contained":t,a=e.size,u=void 0===a?"large":a,c=e.className,d=e.disabled,h=void 0!==d&&d,g=e.children,b=e.startIcon,f=e.endIcon,z=e.loading,y=void 0!==z&&z,j=e.toolTipTitle,w=void 0===j?"":j,N=e.TooltipProps,k=e.danger,S=void 0!==k&&k,M=x(e,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),O=(0,i.useState)(!1),T=O[0],P=O[1],C=function(e){if(!T)return"start"===e&&b?(0,o.jsx)("span",v({className:p()("btn-icon","start-icon")},{children:b})):"end"===e&&f?(0,o.jsx)("span",v({className:p()("btn-icon","end-icon")},{children:f})):null;if("object"==typeof y){var t=y.delay||0;setTimeout((function(){return P(!1)}),t)}return"start"===e?(0,o.jsx)("span",v({className:"btn-icon loading-icon"},{children:(0,o.jsx)(l(),{})})):null},E=(0,o.jsx)(r.Button,v({},M,{color:"default",variant:"contained",disabled:h,disableRipple:!0,disableElevation:!0,className:p()("paraui-button",c,"paraui-button-".concat(n),"paraui-button-".concat(u),T&&"paraui-button-loading",S&&!h&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:C("start"),endIcon:C("end")},{children:g}));return(0,i.useEffect)((function(){P(!!y)}),[y]),h&&w?(0,o.jsx)(m.default,v({},N,{title:function(){if(h&&w){return(0,o.jsxs)("span",{children:[(0,o.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),w]})}return w}()},{children:(0,o.jsx)("span",v({className:"paraui-button--disabled"},{children:E}))})):E};z.IconButton=function(e){var t=e.variant,n=void 0===t?"contained":t,a=e.size,u=void 0===a?"large":a,c=e.toolTipTitle,d=void 0===c?"":c,h=e.children,g=e.className,b=e.disabled,f=void 0!==b&&b,z=e.loading,y=void 0!==z&&z,j=e.TooltipProps,w=e.danger,N=void 0!==w&&w,k=x(e,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),S=(0,i.useState)(!1),M=S[0],O=S[1],T=(0,o.jsx)(r.IconButton,v({},k,{disabled:f,disableRipple:!0,className:p()("paraui-icon-button",g,"paraui-icon-button-".concat(n),"paraui-icon-button-".concat(u),M&&"paraui-icon-button-loading",N&&!f&&"paraui-icon-button-dangerous")},{children:function(){if(!M)return h;if("object"==typeof y){var e=y.delay||0;setTimeout((function(){return O(!1)}),e)}return(0,o.jsx)("span",v({className:"loading-icon"},{children:(0,o.jsx)(l(),{})}))}()}));return(0,i.useEffect)((function(){O(!!y)}),[y]),d?(0,o.jsx)(m.default,v({},j,{title:function(){if(f&&d){return(0,o.jsxs)("span",{children:[(0,o.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),d]})}return d}()},{children:f?(0,o.jsx)("span",v({className:"paraui-button--disabled"},{children:T})):T}),+M):T},z.SplitButton=function(e){var t=e.buttonText,n=e.options,a=void 0===n?[]:n,u=e.className,l=e.popperClassName,c=e.style,s=e.popperStyle,m=e.disabled,d=void 0!==m&&m,v=e.onClick,x=e.optionRender,z=e.placement,j=void 0===z?"bottom-end":z,w=e.buttonProps,N=e.iconButton,k=void 0!==N&&N,S=(0,g.Z)("Button",b),M=(0,i.useState)(!1),O=M[0],T=M[1],P=(0,i.useRef)(null),C=(0,i.useRef)(),E=(0,i.useRef)(),L=(0,i.useState)(),F=L[0],_=L[1],I=function(e,t,n){var o;e.disabled?n.stopPropagation():(_(t),T(!1),null===(o=C.current)||void 0===o||o.classList.remove("paraui-button-split--active"),null==v||v(e,n))},R=function(e){e.stopPropagation(),q();var t=e.currentTarget;E.current=window.setTimeout((function(){C.current=t,t.classList.add("paraui-button-split--active"),T(!0)}),150)},q=function(){E.current&&(clearTimeout(E.current),E.current=null)},B=function(e){var t,n;(null===(t=P.current)||void 0===t?void 0:t.contains(e.target))||(T(!1),null===(n=C.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},A=function(){return(0,o.jsx)("div",f({className:"paraui-button-split-list"},{children:(0,o.jsx)("ul",{children:a.map((function(e,t){return Array.isArray(e)?function(e,t){return(0,o.jsx)("li",f({className:"split-li-group"},{children:e.map((function(e,n){var i="".concat(t,"-").concat(n);return(0,o.jsx)("div",f({className:p()("split-li",i===F&&"split-li--active",e.disabled&&"split-li--disabled"),onClick:function(t){return I(e,i,t)}},{children:(null==x?void 0:x(e))||e.label}),i)}))}),t)}(e,t):(0,o.jsx)("li",f({className:p()("split-li",t===F&&"split-li--active",e.disabled&&"split-li--disabled"),onClick:function(n){return I(e,t,n)}},{children:(null==x?void 0:x(e))||e.label}),t)}))})}))};return(0,o.jsxs)("div",f({className:p()("paraui-button-split",u),ref:P,style:c,onMouseLeave:function(e){var t;e.stopPropagation(),q(),null===(t=e.currentTarget.firstElementChild)||void 0===t||t.classList.remove("paraui-button-split--active"),T(!1)}},{children:[k?(0,o.jsx)(y.IconButton,f({variant:"text",size:"small",disabled:d},w,{onMouseEnter:R},{children:null!=t?t:S({id:"moreActions"})})):(0,o.jsx)(y,f({variant:"outlined",size:"large",startIcon:(0,o.jsx)(h(),{}),disabled:d},w,{onMouseEnter:R},{children:null!=t?t:S({id:"moreActions"})})),(0,o.jsx)(r.Popper,f({open:O,anchorEl:P.current,transition:!0,placement:j,style:f({zIndex:1500},s),className:p()("paraui-button-split-popper",l)},{children:function(e){var t=e.TransitionProps;e.placement;return(0,o.jsx)(r.Grow,f({},t,{children:(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(r.ClickAwayListener,f({onClickAway:B},{children:A()}))})}))}}))]}))};var y=z},3054:function(e,t,n){"use strict";var o=n(8156),i=n.n(o),r=n(5395),a=n.n(r);t.Z=function(e,t){var n=i().useContext(a()).intlFormat;return t.zh_CN=t.zh,t.en_US=t.en,n&&n(e,t)}},7371:function(e,t,n){"use strict";var o=n(5893),i=n(670),r=n(5744),a=n.n(r),p=(n(2310),function(){return p=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},p.apply(this,arguments)}),u=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n};t.default=function(e){var t,n=e.placement,r=void 0===n?"top-start":n,l=e.className,c=e.arrow,s=void 0===c||c,m=e.PopperProps,d=e.boundariesElement,h=void 0===d?"scrollParent":d,g=u(e,["placement","className","arrow","PopperProps","boundariesElement"]),b=p(p({},e.classes),{popper:a()("paraui-tooltip",l,null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==r?void 0:r.includes("left"))||(null==r?void 0:r.includes("right")),"paraui-tooltip-top-bottom":(null==r?void 0:r.includes("top"))||(null==r?void 0:r.includes("bottom"))})});return(0,o.jsx)(i.Tooltip,p({},g,{enterTouchDelay:0,arrow:s,placement:r,classes:b,PopperProps:p(p({},m),{modifiers:{preventOverflow:{boundariesElement:h}}})}))}},670:function(e){"use strict";e.exports=n},5395:function(e){"use strict";e.exports=c},1197:function(e){"use strict";e.exports=i},2396:function(e){"use strict";e.exports=o},3835:function(e){"use strict";e.exports=l},2788:function(e){"use strict";e.exports=u},7037:function(e){"use strict";e.exports=r},8543:function(e){"use strict";e.exports=a},5744:function(e){"use strict";e.exports=p},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var n=m[e]={id:e,exports:{}};return s[e](n,n.exports,d),n.exports}d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.nc=void 0;var h={};return function(){"use strict";d.r(h),d.d(h,{PageHeader:function(){return N},default:function(){return k}});var e=d(5893),t=d(8156),n=d(7111),o=d(670),i=d(2396),r=d.n(i),a=d(1197),p=d(7037),u=d.n(p),l=d(8543),c=function(){return c=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},c.apply(this,arguments)},s=function(e,t,n){if(n||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||(o||(o=Array.prototype.slice.call(t,0,i)),o[i]=t[i]);return e.concat(o||Array.prototype.slice.call(t))},m=function(i){var p=i.open,u=void 0!==p&&p,l=i.anchorEl,s=i.idMenuLast,d=i.selectMenu,h=void 0===d?"":d,g=i.onClickMenu,b=i.list,f=void 0===b?[]:b,v=i.onMouseEnter,x=i.onMouseLeave,z=i.level,y=void 0===z?1:z,j=i.className,w=(0,t.useState)(null),N=w[0],k=w[1],S=(0,t.useState)(null),M=S[0],O=S[1],T=(0,t.useState)([]),P=T[0],C=T[1],E=(0,t.useState)({})[0];(0,t.useEffect)((function(){return function(){clearTimeout(E.leaveTimer)}}),[]);var L=function(e,t){return function(n){var o;E.lastItem&&E.lastItem.path===e.path||(E.lastItem=e,o=n,clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===y&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=o.target;O(i),C(n),k(t)}),50))}},F=function(e){return function(t){e.children&&e.children.length>0||(g&&g(e),x&&x())}},_=function(e){var t="menu-item-popper-content-item",n=s&&s[h];return n&&-1!==n.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},I=function(){var e="menu-item-popper";return j&&(e+=" "+j),e},R=(0,t.useCallback)((function(t,n){return(0,e.jsx)(e.Fragment,{children:t.children&&t.children.length>0&&N===n&&(0,e.jsx)(m,{open:N===n,anchorEl:M,list:P,idMenuLast:s,selectMenu:h,onClickMenu:g,onMouseEnter:v,onMouseLeave:x,level:y+1})})}),[N,M,P,s,h,g,v,x,y]),q=(0,t.useMemo)((function(){return(0,e.jsx)("div",c({className:"menu-item-popper-content"},{children:f.map((function(t,n){var o=function(e){var t=e.icon;if(t){var n=a[t];return n?n():t}}(t),i=function(t){var n=t.children;if(n&&n.length>0)return(0,e.jsx)(r(),{})}(t);return(0,e.jsx)("div",c({className:_(t),onMouseLeave:function(e){clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===y&&x&&x(),k(null),O(null),C([])}))},onMouseEnter:L(t,n)},{children:(0,e.jsxs)("div",c({className:"menu-item-popper-content-item-content",onClick:F(t)},{children:[o&&(0,e.jsx)("span",c({className:"menu-item-icon"},{children:o})),(0,e.jsx)("span",c({className:"menu-item-label"},{children:t.label})),i&&(0,e.jsx)("span",c({className:"menu-item-arrow"},{children:i})),R(t,n)]}))}),n)}))}))}),[f,g,N,M,P,s,h,g,v,x,y]),B=function(){return 1!==y?(0,e.jsx)("div",c({className:I()},{children:q})):(0,e.jsx)(o.Popper,c({open:u,anchorEl:l,disablePortal:!0,placement:"bottom-start",className:I()},{children:q}))};return(0,e.jsx)(e.Fragment,{children:1===y?(0,n.createPortal)((0,e.jsx)(B,{}),document.getElementsByTagName("body")[0]):(0,e.jsx)(B,{})})},g=function(n){var o=n.list,i=void 0===o?[]:o,p=n.selectMenu,d=void 0===p?"":p,h=n.onClickMenu,g=n.className,b=n.moreCustomize,f=(0,t.useState)(!1),v=f[0],x=f[1],z=(0,t.useState)(null),y=z[0],j=z[1],w=(0,t.useState)(null),N=w[0],k=w[1],S=(0,t.useState)([]),M=S[0],O=S[1],T=(0,t.useState)(""),P=T[0],C=T[1],E=(0,t.useState)({}),L=E[0],F=E[1],_=(0,t.useState)({}),I=_[0],R=_[1],q=(0,t.useState)("horizontal-menu-list-"+(0,l.UUID)())[0],B=(0,t.useState)(null),A=B[0],H=B[1],U=(0,t.useState)({})[0];(0,t.useEffect)((function(){d!==P&&C(d)}),[d]),(0,t.useEffect)((function(){return W(i),G(),window.addEventListener("resize",G),function(){window.removeEventListener("resize",G),clearTimeout(U.timerResize),clearTimeout(U.leaveTimer)}}),[i]);var D,G=function(){clearTimeout(U.timerResize),J(),U.timerResize=setTimeout((function(){H(i.length),Y()}),100)},Y=function(e){if(null!==e&&0!==e){void 0===e&&(e=i.length);var t=document.querySelector("."+q);if(t)if(t.scrollHeight>t.clientHeight){var n=Number(e)-1;H(n),Y(n)}else i.length<=e&&J()}},J=function(){},W=function(e){var t={},n={},o={},i={},r=function(e,a,p){for(var u=0,c=e.length;u<c;u++){var m=e[u],d=m.path;t[d]=m;var h=void 0===p?u:p;if(a){var g=(0,l.DeepClone)(n[a.path]||[]);g.push(d),n[d]=s([],g,!0)}else n[d]=[d];m.children&&m.children.length>0?r(m.children,m,h):(o[d]=n[d],i[d]=h)}};r(e),R(i),F(o)},K=function(e,t){return function(n){clearTimeout(U.leaveTimer);var o=[];e.children&&e.children.length>0&&(o=e.children),j(t),k(n.target),O(o),x(!0)}},Q=function(){x(!1),k(null),O([]),j(null)},Z=function(){clearTimeout(U.leaveTimer)},$=function(){Q()},V=function(e){h&&h(e)},X=function(e,t){var n=" horizontal-menu-list-item",o=L[P];return o&&-1!==o.indexOf(e.path)&&(n+=" horizontal-menu-list-item-select"),y===t&&(n+=" horizontal-menu-list-item-hover"),n},ee=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:v&&(0,e.jsx)(m,{open:v,anchorEl:N,list:M,idMenuLast:L,selectMenu:P,onClickMenu:V,onMouseEnter:Z,onMouseLeave:$,className:"paraui-horizontal-menu-popper",level:1})})}),[v,N,M,L,P,h,U]),te=function(e){clearTimeout(U.leaveTimer);for(var t=[],n=Number(A),o=i.length;n<o;n++)t.push(i[n]);j(A),k(e.target),O(t),x(!0)},ne=function(){clearTimeout(U.leaveTimer),U.leaveTimer=setTimeout((function(){Q()}),100)},oe=function(){var e=" horizontal-menu-list-item",t=I[P];return null!==A&&A<=t&&(e+=" horizontal-menu-list-item-select"),y===A&&(e+=" horizontal-menu-list-item-hover"),e};return(0,e.jsxs)("div",c({className:(D="horizontal-menu-list",g&&(D+=" "+g),q&&(D+=" "+q),D)},{children:[i.map((function(t,n){if(null!==A&&A<=n)return null;var o=function(e){var t=e.icon;if(t){var n=a[t];return n?n():t}}(t),i=function(t){var n=t.children;if(n&&n.length>0)return(0,e.jsx)(r(),{})}(t);return(0,e.jsxs)("div",c({onClick:function(){V(t)},onMouseEnter:K(t,n),onMouseLeave:function(e){clearTimeout(U.leaveTimer),U.leaveTimer=setTimeout((function(){Q()}),100)},className:X(t,n)},{children:[o&&(0,e.jsx)("span",c({className:"menu-item-icon"},{children:o})),(0,e.jsx)("span",c({className:"menu-item-label"},{children:t.label})),i&&(0,e.jsx)("span",c({className:"menu-item-arrow"},{children:i}))]}),n)})),function(){if(null!==A&&i.length>A)return(0,e.jsx)("div",c({onMouseEnter:te,onMouseLeave:ne,className:oe()},{children:b||(0,e.jsx)("span",c({className:"menu-item-icon"},{children:(0,e.jsx)(u(),{})}))}))}(),ee]}))},b=d(7896),f=function(){return f=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},f.apply(this,arguments)},v=function(t){var n,o=t.icon,i=t.label,r=t.render,a=t.onClick,p=t.className,u=function(e){a&&a(e)};return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",f({className:(n="back-btn",p&&(n+=" "+p),n)},{children:(0,e.jsx)(b.default,f({startIcon:o,variant:"contained",onClick:u},{children:i}))}))})},x=function(i){var r=i.language,a=void 0===r?[]:r,p=i.selectLang,u=void 0===p?"":p,l=i.onClick,c=i.className,s=i.render,m=(0,t.useState)({}),d=m[0],h=m[1],g=(0,t.useState)({}),b=g[0],v=g[1],x=(0,t.useState)(!1),z=x[0],y=x[1],j=(0,t.useState)(null),w=j[0],N=j[1],k=(0,t.useState)({})[0];(0,t.useEffect)((function(){var e=d[u]||{};v(e)}),[u,d]),(0,t.useEffect)((function(){for(var e={},t=0,n=a.length;t<n;t++){var o=a[t];o.value&&(e[o.value]=o)}h(e)}),[a]);var S,M=function(e){return function(){l&&l(e.value,e),y(!1)}},O=function(e){k.timer=setTimeout((function(){y(!1),N(null)}),100)},T=function(e){return function(t){clearTimeout(k.timer),y(!0),e&&N(t.target)}},P=(0,t.useMemo)((function(){return(0,e.jsx)("div",f({className:"language-item",onMouseLeave:O,onMouseEnter:T(!0)},{children:(0,e.jsxs)(e.Fragment,{children:[b.icon&&(0,e.jsx)("span",f({className:"language-item-icon"},{children:b.icon})),b.label&&(0,e.jsx)("span",f({className:"language-item-label"},{children:b.label}))]})}))}),[b,a,k]),C=(0,t.useMemo)((function(){var t=function(e){var t="menu-popover-item";return e.value===b.value&&(t+=" menu-popover-item-select"),t};return(0,n.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(o.Popper,f({open:z,anchorEl:w,disablePortal:!0,placement:"bottom-end",onMouseLeave:O,onMouseEnter:T(!1),className:"paraui-horizontal-meun-right-popover menu-popover"},{children:(0,e.jsx)("div",f({className:"menu-popover-box"},{children:a.map((function(n,o){return(0,e.jsxs)("div",f({className:t(n),onClick:M(n)},{children:[n.icon&&(0,e.jsx)("span",f({className:"icon"},{children:n.icon})),n.label&&(0,e.jsx)("span",f({className:"label",style:{marginLeft:"5px"}},{children:n.label}))]}),o)}))}))}))}),{}),document.getElementsByTagName("body")[0])}),[a,b,z,w,k,l]);return(0,e.jsx)(e.Fragment,{children:s||(0,e.jsxs)("div",f({className:(S="language",c&&(S+=" "+c),z&&(S+=" language-select"),S)},{children:[P,z&&C]}))})},z=function(n){var o,i=n.list,r=void 0===i?[]:i,a=n.render,p=n.className,u=n.onClick,l=function(e){return function(t){u&&u(e,t)}},c=(0,t.useMemo)((function(){var t=function(t){return(0,e.jsxs)(e.Fragment,{children:[t.icon&&(0,e.jsx)("span",f({className:"btn-list-item-icon"},{children:t.icon})),t.label&&(0,e.jsx)("span",f({className:"btn-list-item-label"},{children:t.label}))]})};return(0,e.jsx)(e.Fragment,{children:r.map((function(n,o){var i="btn-list-item";return n.sign&&(i+=" btn-list-item-sign"),(0,e.jsx)("div",f({className:i,onClick:l(n)},{children:t(n)}),o)}))})}),[r]);return(0,e.jsx)(e.Fragment,{children:a||(0,e.jsx)("div",f({className:(o="btn-list",p&&(o+=" "+p),o)},{children:c}))})},y=function(i){var a=i.img,p=i.imgRender,u=i.label,l=i.render,c=i.className,s=i.list,m=i.onClick,d=i.onClickMenu,h=i.selectValue,g=(0,t.useState)(!1),b=g[0],v=g[1],x=(0,t.useState)(null),z=x[0],y=x[1],j=(0,t.useState)({})[0],w=(0,t.useRef)();(0,t.useEffect)((function(){return function(){clearTimeout(j.timer)}}),[]);var N,k=function(e){return function(){d&&d(e.value,e),v(!1)}},S=function(e){j.timer=setTimeout((function(){v(!1),y(null)}),100)},M=function(e){return function(t){clearTimeout(j.timer),v(!0),e&&y(w.current)}},O=(0,t.useMemo)((function(){var t=function(e){var t="menu-popover-item";return e.value===h&&(t+=" menu-popover-item-select"),t};return(0,n.createPortal)((0,e.jsx)((function(){var n;return(0,e.jsx)(o.Popper,f({open:b,anchorEl:z,disablePortal:!0,placement:"bottom-end",onMouseLeave:S,onMouseEnter:M(!1),className:"paraui-horizontal-meun-right-popover menu-popover"},{children:(0,e.jsx)("div",f({className:"menu-popover-box",style:(n={},z&&(n.width=z.getBoundingClientRect().width+"px"),n)},{children:s&&s.map((function(n,o){return(0,e.jsxs)("div",f({className:t(n),onClick:k(n)},{children:[n.icon&&(0,e.jsx)("span",f({className:"icon",style:{marginRight:"5px"}},{children:n.icon})),n.label&&(0,e.jsx)("span",f({className:"label"},{children:n.label}))]}),o)}))}))}))}),{}),document.getElementsByTagName("body")[0])}),[s,h,b,z,j]);return(0,e.jsxs)("div",f({className:(N="logo",c&&(N+=" "+c),b&&(N+=" logo-show-dialog"),N),onClick:function(e){m&&m(e)},onMouseLeave:S,onMouseEnter:M(!0),ref:w},{children:[l||(0,e.jsxs)(e.Fragment,{children:[p||a&&(0,e.jsx)("img",{src:a,alt:""}),u&&(0,e.jsx)("span",f({className:"label"},{children:u})),s&&s.length>0&&(0,e.jsx)("span",f({className:"arrow"},{children:(0,e.jsx)(r(),{})}))]}),b&&O]}))},j=function(n){var o,i=n.className,r=void 0===i?"":i,a=n.backSelfcareProps,p=n.languageProps,u=n.btnListProps,l=n.userProps,c=n.render,s=(0,t.useMemo)((function(){return a&&(0,e.jsx)(v,f({},a))}),[a]),m=(0,t.useMemo)((function(){return p&&(0,e.jsx)(x,f({},p))}),[p]),d=(0,t.useMemo)((function(){return u&&(0,e.jsx)(z,f({},u))}),[u]),h=(0,t.useMemo)((function(){return l&&(0,e.jsx)(y,f({},l))}),[l]);return(0,e.jsx)(e.Fragment,{children:c||(0,e.jsxs)("div",f({className:(o="paraui-horizontal-meun-right",r&&(o+=" "+r),o)},{children:[s,m,d,h]}))})},w=(d(1132),function(){return w=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},w.apply(this,arguments)}),N=function(n){var o,i=n.leftRender,r=n.menuListProps,a=n.footerProps,p=n.selectMenu,u=n.onClickMenu,l=n.className,c=n.style,s=(0,t.useMemo)((function(){return i&&(0,e.jsx)("div",w({className:"paraui-page-header-left"},{children:i}))}),[i]),m=(0,t.useMemo)((function(){return n.menuListProps&&(0,e.jsx)("div",w({className:"menu-box"},{children:(0,e.jsx)(g,w({},r,{selectMenu:p,onClickMenu:u}))}))}),[r,p,u]),d=(0,t.useMemo)((function(){return n.footerProps&&(0,e.jsx)(j,w({},a))}),[a]);return(0,e.jsxs)("div",w({className:(o="paraui-page-header",l&&(o+=" "+l),o),style:c},{children:[s,m,d]}))},k=N}(),h}()}));
+ */n(7418);var o=n(8156),i=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var r=Symbol.for;i=r("react.element"),t.Fragment=r("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,n){var o,r={},l=null,c=null;for(o in void 0!==n&&(l=""+n),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(c=t.ref),t)p.call(t,o)&&!u.hasOwnProperty(o)&&(r[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===r[o]&&(r[o]=t[o]);return{$$typeof:i,type:e,key:l,ref:c,props:r,_owner:a.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,n){"use strict";e.exports=n(5251)},5822:function(e,t,n){var o=n(3379),i=n(8313);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var r={insert:("body","body"),singleton:!1};o(i,r);e.exports=i.locals||{}},1132:function(e,t,n){var o=n(3379),i=n(1027);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var r={insert:("body","body"),singleton:!1};o(i,r);e.exports=i.locals||{}},2310:function(e,t,n){var o=n(3379),i=n(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.id,i,""]]);var r={insert:("body","body"),singleton:!1};o(i,r);e.exports=i.locals||{}},3379:function(e,t,n){"use strict";var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},r=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function p(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},o=[],i=0;i<e.length;i++){var r=e[i],u=t.base?r[0]+t.base:r[0],l=n[u]||0,c="".concat(u," ").concat(l);n[u]=l+1;var s=p(c),m={css:r[1],media:r[2],sourceMap:r[3]};-1!==s?(a[s].references++,a[s].updater(m)):a.push({identifier:c,updater:b(m,t),references:1}),o.push(c)}return o}function l(e){var t=document.createElement("style"),o=e.attributes||{};if(void 0===o.nonce){var i=n.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(e){t.setAttribute(e,o[e])})),"function"==typeof e.insert)e.insert(t);else{var a=r(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var c,s=(c=[],function(e,t){return c[e]=t,c.filter(Boolean).join("\n")});function m(e,t,n,o){var i=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(e.styleSheet)e.styleSheet.cssText=s(t,i);else{var r=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function d(e,t,n){var o=n.css,i=n.media,r=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var h=null,g=0;function b(e,t){var n,o,i;if(t.singleton){var r=g++;n=h||(h=l(t)),o=m.bind(null,n,r,!1),i=m.bind(null,n,r,!0)}else n=l(t),o=d.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var o=0;o<n.length;o++){var i=p(n[o]);a[i].references--}for(var r=u(e,t),l=0;l<n.length;l++){var c=p(n[l]);0===a[c].references&&(a[c].updater(),a.splice(c,1))}n=r}}}},7896:function(e,t,n){"use strict";n.d(t,{default:function(){return y}});var o=n(5893),i=n(8156),r=n(670),a=n(5744),p=n.n(a),u=n(2788),l=n.n(u),c=n(3835),s=n.n(c),m=n(7371),d=n(2396),h=n.n(d),g=n(3054),b={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},f=function(){return f=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},f.apply(this,arguments)};n(5822);var v=function(){return v=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},v.apply(this,arguments)},x=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n},z=function(e){var t=e.variant,n=void 0===t?"contained":t,a=e.size,u=void 0===a?"large":a,c=e.className,d=e.disabled,h=void 0!==d&&d,g=e.children,b=e.startIcon,f=e.endIcon,z=e.loading,y=void 0!==z&&z,j=e.toolTipTitle,w=void 0===j?"":j,N=e.TooltipProps,k=e.danger,S=void 0!==k&&k,M=x(e,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),O=(0,i.useState)(!1),T=O[0],P=O[1],C=function(e){if(!T)return"start"===e&&b?(0,o.jsx)("span",v({className:p()("btn-icon","start-icon")},{children:b})):"end"===e&&f?(0,o.jsx)("span",v({className:p()("btn-icon","end-icon")},{children:f})):null;if("object"==typeof y){var t=y.delay||0;setTimeout((function(){return P(!1)}),t)}return"start"===e?(0,o.jsx)("span",v({className:"btn-icon loading-icon"},{children:(0,o.jsx)(l(),{})})):null},E=(0,o.jsx)(r.Button,v({},M,{color:"default",variant:"contained",disabled:h,disableRipple:!0,disableElevation:!0,className:p()("paraui-button",c,"paraui-button-".concat(n),"paraui-button-".concat(u),T&&"paraui-button-loading",S&&!h&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:C("start"),endIcon:C("end")},{children:g}));return(0,i.useEffect)((function(){P(!!y)}),[y]),h&&w?(0,o.jsx)(m.default,v({},N,{title:function(){if(h&&w){return(0,o.jsxs)("span",{children:[(0,o.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),w]})}return w}()},{children:(0,o.jsx)("span",v({className:"paraui-button--disabled"},{children:E}))})):E};z.IconButton=function(e){var t=e.variant,n=void 0===t?"contained":t,a=e.size,u=void 0===a?"large":a,c=e.toolTipTitle,d=void 0===c?"":c,h=e.children,g=e.className,b=e.disabled,f=void 0!==b&&b,z=e.loading,y=void 0!==z&&z,j=e.TooltipProps,w=e.danger,N=void 0!==w&&w,k=x(e,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),S=(0,i.useState)(!1),M=S[0],O=S[1],T=(0,o.jsx)(r.IconButton,v({},k,{disabled:f,disableRipple:!0,className:p()("paraui-icon-button",g,"paraui-icon-button-".concat(n),"paraui-icon-button-".concat(u),M&&"paraui-icon-button-loading",N&&!f&&"paraui-icon-button-dangerous")},{children:function(){if(!M)return h;if("object"==typeof y){var e=y.delay||0;setTimeout((function(){return O(!1)}),e)}return(0,o.jsx)("span",v({className:"loading-icon"},{children:(0,o.jsx)(l(),{})}))}()}));return(0,i.useEffect)((function(){O(!!y)}),[y]),d?(0,o.jsx)(m.default,v({},j,{title:function(){if(f&&d){return(0,o.jsxs)("span",{children:[(0,o.jsx)(s(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),d]})}return d}()},{children:f?(0,o.jsx)("span",v({className:"paraui-button--disabled"},{children:T})):T}),+M):T},z.SplitButton=function(e){var t=e.buttonText,n=e.options,a=void 0===n?[]:n,u=e.className,l=e.popperClassName,c=e.style,s=e.popperStyle,m=e.disabled,d=void 0!==m&&m,v=e.onClick,x=e.optionRender,z=e.placement,j=void 0===z?"bottom-end":z,w=e.buttonProps,N=e.iconButton,k=void 0!==N&&N,S=(0,g.Z)("Button",b),M=(0,i.useState)(!1),O=M[0],T=M[1],P=(0,i.useRef)(null),C=(0,i.useRef)(),E=(0,i.useRef)(),L=(0,i.useState)(),F=L[0],_=L[1],I=function(e,t,n){var o;e.disabled?n.stopPropagation():(_(t),T(!1),null===(o=C.current)||void 0===o||o.classList.remove("paraui-button-split--active"),null==v||v(e,n))},R=function(e){e.stopPropagation(),q();var t=e.currentTarget;E.current=window.setTimeout((function(){C.current=t,t.classList.add("paraui-button-split--active"),T(!0)}),150)},q=function(){E.current&&(clearTimeout(E.current),E.current=null)},B=function(e){var t,n;(null===(t=P.current)||void 0===t?void 0:t.contains(e.target))||(T(!1),null===(n=C.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},A=function(){return(0,o.jsx)("div",f({className:"paraui-button-split-list"},{children:(0,o.jsx)("ul",{children:a.map((function(e,t){return Array.isArray(e)?function(e,t){return(0,o.jsx)("li",f({className:"split-li-group"},{children:e.map((function(e,n){var i="".concat(t,"-").concat(n);return(0,o.jsx)("div",f({className:p()("split-li",i===F&&"split-li--active",e.disabled&&"split-li--disabled"),onClick:function(t){return I(e,i,t)}},{children:(null==x?void 0:x(e))||e.label}),i)}))}),t)}(e,t):(0,o.jsx)("li",f({className:p()("split-li",t===F&&"split-li--active",e.disabled&&"split-li--disabled"),onClick:function(n){return I(e,t,n)}},{children:(null==x?void 0:x(e))||e.label}),t)}))})}))};return(0,o.jsxs)("div",f({className:p()("paraui-button-split",u),ref:P,style:c,onMouseLeave:function(e){var t;e.stopPropagation(),q(),null===(t=e.currentTarget.firstElementChild)||void 0===t||t.classList.remove("paraui-button-split--active"),T(!1)}},{children:[k?(0,o.jsx)(y.IconButton,f({variant:"text",size:"small",disabled:d},w,{onMouseEnter:R},{children:null!=t?t:S({id:"moreActions"})})):(0,o.jsx)(y,f({variant:"outlined",size:"large",startIcon:(0,o.jsx)(h(),{}),disabled:d},w,{onMouseEnter:R},{children:null!=t?t:S({id:"moreActions"})})),(0,o.jsx)(r.Popper,f({open:O,anchorEl:P.current,transition:!0,placement:j,style:f({zIndex:1500},s),className:p()("paraui-button-split-popper",l)},{children:function(e){var t=e.TransitionProps;e.placement;return(0,o.jsx)(r.Grow,f({},t,{children:(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(r.ClickAwayListener,f({onClickAway:B},{children:A()}))})}))}}))]}))};var y=z},3054:function(e,t,n){"use strict";var o=n(8156),i=n.n(o),r=n(5395),a=n.n(r);t.Z=function(e,t){var n=i().useContext(a()).intlFormat;return t.zh_CN=t.zh,t.en_US=t.en,n&&n(e,t)}},7371:function(e,t,n){"use strict";var o=n(5893),i=n(670),r=n(5744),a=n.n(r),p=(n(2310),function(){return p=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},p.apply(this,arguments)}),u=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(n[o[i]]=e[o[i]])}return n};t.default=function(e){var t,n=e.placement,r=void 0===n?"top-start":n,l=e.className,c=e.arrow,s=void 0===c||c,m=e.PopperProps,d=e.boundariesElement,h=void 0===d?"scrollParent":d,g=u(e,["placement","className","arrow","PopperProps","boundariesElement"]),b=p(p({},e.classes),{popper:a()("paraui-tooltip",l,null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==r?void 0:r.includes("left"))||(null==r?void 0:r.includes("right")),"paraui-tooltip-top-bottom":(null==r?void 0:r.includes("top"))||(null==r?void 0:r.includes("bottom"))})});return(0,o.jsx)(i.Tooltip,p({},g,{enterTouchDelay:0,arrow:s,placement:r,classes:b,PopperProps:p(p({},m),{modifiers:{preventOverflow:{boundariesElement:h}}})}))}},670:function(e){"use strict";e.exports=n},5395:function(e){"use strict";e.exports=c},1197:function(e){"use strict";e.exports=i},2396:function(e){"use strict";e.exports=o},3835:function(e){"use strict";e.exports=l},2788:function(e){"use strict";e.exports=u},7037:function(e){"use strict";e.exports=r},8543:function(e){"use strict";e.exports=a},5744:function(e){"use strict";e.exports=p},8156:function(t){"use strict";t.exports=e},7111:function(e){"use strict";e.exports=t}},m={};function d(e){var t=m[e];if(void 0!==t)return t.exports;var n=m[e]={id:e,exports:{}};return s[e](n,n.exports,d),n.exports}d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,{a:t}),t},d.d=function(e,t){for(var n in t)d.o(t,n)&&!d.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.nc=void 0;var h={};return function(){"use strict";d.r(h),d.d(h,{PageHeader:function(){return N},default:function(){return k}});var e=d(5893),t=d(8156),n=d(7111),o=d(670),i=d(2396),r=d.n(i),a=d(1197),p=d(7037),u=d.n(p),l=d(8543),c=function(){return c=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},c.apply(this,arguments)},s=function(e,t,n){if(n||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||(o||(o=Array.prototype.slice.call(t,0,i)),o[i]=t[i]);return e.concat(o||Array.prototype.slice.call(t))},m=function(i){var p=i.open,u=void 0!==p&&p,l=i.anchorEl,s=i.idMenuLast,d=i.selectMenu,h=void 0===d?"":d,g=i.onClickMenu,b=i.list,f=void 0===b?[]:b,v=i.onMouseEnter,x=i.onMouseLeave,z=i.level,y=void 0===z?1:z,j=i.className,w=(0,t.useState)(null),N=w[0],k=w[1],S=(0,t.useState)(null),M=S[0],O=S[1],T=(0,t.useState)([]),P=T[0],C=T[1],E=(0,t.useState)({})[0];(0,t.useEffect)((function(){return function(){clearTimeout(E.leaveTimer)}}),[]);var L=function(e,t){return function(n){var o;E.lastItem&&E.lastItem.path===e.path||(E.lastItem=e,o=n,clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===y&&v&&v();var n=[e];e.children&&e.children.length>0&&(n=e.children);var i=o.target;O(i),C(n),k(t)}),50))}},F=function(e){return function(t){e.children&&e.children.length>0||(g&&g(e),x&&x())}},_=function(e){var t="menu-item-popper-content-item",n=s&&s[h];return n&&-1!==n.indexOf(e.path)&&(t+=" menu-item-popper-content-item-select"),t},I=function(){var e="menu-item-popper";return j&&(e+=" "+j),e},R=(0,t.useCallback)((function(t,n){return(0,e.jsx)(e.Fragment,{children:t.children&&t.children.length>0&&N===n&&(0,e.jsx)(m,{open:N===n,anchorEl:M,list:P,idMenuLast:s,selectMenu:h,onClickMenu:g,onMouseEnter:v,onMouseLeave:x,level:y+1})})}),[N,M,P,s,h,g,v,x,y]),q=(0,t.useMemo)((function(){return(0,e.jsx)("div",c({className:"menu-item-popper-content"},{children:f.map((function(t,n){var o=function(e){var t=e.icon;if(t){var n=a[t];return n?n():t}}(t),i=function(t){var n=t.children;if(n&&n.length>0)return(0,e.jsx)(r(),{})}(t);return(0,e.jsx)("div",c({className:_(t),onMouseLeave:function(e){clearTimeout(E.leaveTimer),E.leaveTimer=setTimeout((function(){1===y&&x&&x(),k(null),O(null),C([])}))},onMouseEnter:L(t,n)},{children:(0,e.jsxs)("div",c({className:"menu-item-popper-content-item-content",onClick:F(t)},{children:[o&&(0,e.jsx)("span",c({className:"menu-item-icon"},{children:o})),(0,e.jsx)("span",c({className:"menu-item-label"},{children:t.label})),i&&(0,e.jsx)("span",c({className:"menu-item-arrow"},{children:i})),R(t,n)]}))}),n)}))}))}),[f,g,N,M,P,s,h,g,v,x,y]),B=function(){return 1!==y?(0,e.jsx)("div",c({className:I()},{children:q})):(0,e.jsx)(o.Popper,c({open:u,anchorEl:l,disablePortal:!0,placement:"bottom-start",className:I()},{children:q}))};return(0,e.jsx)(e.Fragment,{children:1===y?(0,n.createPortal)((0,e.jsx)(B,{}),document.getElementsByTagName("body")[0]):(0,e.jsx)(B,{})})},g=function(n){var o=n.list,i=n.selectMenu,p=void 0===i?"":i,d=n.onClickMenu,h=n.className,g=n.moreCustomize,b=(0,t.useState)(!1),f=b[0],v=b[1],x=(0,t.useState)(null),z=x[0],y=x[1],j=(0,t.useState)(null),w=j[0],N=j[1],k=(0,t.useState)([]),S=k[0],M=k[1],O=(0,t.useState)(""),T=O[0],P=O[1],C=(0,t.useState)({}),E=C[0],L=C[1],F=(0,t.useState)({}),_=F[0],I=F[1],R=(0,t.useState)("horizontal-menu-list-"+(0,l.UUID)())[0],q=(0,t.useState)(null),B=q[0],A=q[1],H=(0,t.useState)({})[0];(0,t.useEffect)((function(){p!==T&&P(p)}),[p]),(0,t.useEffect)((function(){return J(o||[]),D(),window.addEventListener("resize",D),function(){window.removeEventListener("resize",D),clearTimeout(H.timerResize),clearTimeout(H.leaveTimer)}}),[o]);var U,D=function(){clearTimeout(H.timerResize),Y(),H.timerResize=setTimeout((function(){A((o||[]).length),G()}),100)},G=function(e){if(null!==e&&0!==e){void 0===e&&(e=(o||[]).length);var t=document.querySelector("."+R);if(t)if(t.scrollHeight>t.clientHeight){var n=Number(e)-1;A(n),G(n)}else(o||[]).length<=e&&Y()}},Y=function(){},J=function(e){var t={},n={},o={},i={},r=function(e,a,p){for(var u=0,c=e.length;u<c;u++){var m=e[u],d=m.path;t[d]=m;var h=void 0===p?u:p;if(a){var g=(0,l.DeepClone)(n[a.path]||[]);g.push(d),n[d]=s([],g,!0)}else n[d]=[d];m.children&&m.children.length>0?r(m.children,m,h):(o[d]=n[d],i[d]=h)}};r(e),I(i),L(o)},W=function(e,t){return function(n){clearTimeout(H.leaveTimer);var o=[];e.children&&e.children.length>0&&(o=e.children),y(t),N(n.target),M(o),v(!0)}},K=function(){v(!1),N(null),M([]),y(null)},Q=function(){clearTimeout(H.leaveTimer)},Z=function(){K()},$=function(e){d&&d(e)},V=function(e,t){var n=" horizontal-menu-list-item",o=E[T];return o&&-1!==o.indexOf(e.path)&&(n+=" horizontal-menu-list-item-select"),z===t&&(n+=" horizontal-menu-list-item-hover"),n},X=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:f&&(0,e.jsx)(m,{open:f,anchorEl:w,list:S,idMenuLast:E,selectMenu:T,onClickMenu:$,onMouseEnter:Q,onMouseLeave:Z,className:"paraui-horizontal-menu-popper",level:1})})}),[f,w,S,E,T,d,H]),ee=function(e){clearTimeout(H.leaveTimer);for(var t=[],n=Number(B),i=(o||[]).length;n<i;n++)t.push((o||[])[n]);y(B),N(e.target),M(t),v(!0)},te=function(){clearTimeout(H.leaveTimer),H.leaveTimer=setTimeout((function(){K()}),100)},ne=function(){var e=" horizontal-menu-list-item",t=_[T];return null!==B&&B<=t&&(e+=" horizontal-menu-list-item-select"),z===B&&(e+=" horizontal-menu-list-item-hover"),e};return(0,e.jsxs)("div",c({className:(U="horizontal-menu-list",h&&(U+=" "+h),R&&(U+=" "+R),U)},{children:[(o||[]).map((function(t,n){if(null!==B&&B<=n)return null;var o=function(e){var t=e.icon;if(t){var n=a[t];return n?n():t}}(t),i=function(t){var n=t.children;if(n&&n.length>0)return(0,e.jsx)(r(),{})}(t);return(0,e.jsxs)("div",c({onClick:function(){$(t)},onMouseEnter:W(t,n),onMouseLeave:function(e){clearTimeout(H.leaveTimer),H.leaveTimer=setTimeout((function(){K()}),100)},className:V(t,n)},{children:[o&&(0,e.jsx)("span",c({className:"menu-item-icon"},{children:o})),(0,e.jsx)("span",c({className:"menu-item-label"},{children:t.label})),i&&(0,e.jsx)("span",c({className:"menu-item-arrow"},{children:i}))]}),n)})),function(){if(null!==B&&(o||[]).length>B)return(0,e.jsx)("div",c({onMouseEnter:ee,onMouseLeave:te,className:ne()},{children:g||(0,e.jsx)("span",c({className:"menu-item-icon"},{children:(0,e.jsx)(u(),{})}))}))}(),X]}))},b=d(7896),f=function(){return f=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},f.apply(this,arguments)},v=function(t){var n,o=t.icon,i=t.label,r=t.render,a=t.onClick,p=t.className,u=function(e){a&&a(e)};return(0,e.jsx)(e.Fragment,{children:r||(0,e.jsx)("div",f({className:(n="back-btn",p&&(n+=" "+p),n)},{children:(0,e.jsx)(b.default,f({startIcon:o,variant:"contained",onClick:u},{children:i}))}))})},x=function(i){var r=i.language,a=void 0===r?[]:r,p=i.selectLang,u=void 0===p?"":p,l=i.onClick,c=i.className,s=i.render,m=(0,t.useState)({}),d=m[0],h=m[1],g=(0,t.useState)({}),b=g[0],v=g[1],x=(0,t.useState)(!1),z=x[0],y=x[1],j=(0,t.useState)(null),w=j[0],N=j[1],k=(0,t.useState)({})[0];(0,t.useEffect)((function(){var e=d[u]||{};v(e)}),[u,d]),(0,t.useEffect)((function(){for(var e={},t=0,n=a.length;t<n;t++){var o=a[t];o.value&&(e[o.value]=o)}h(e)}),[a]);var S,M=function(e){return function(){l&&l(e.value,e),y(!1)}},O=function(e){k.timer=setTimeout((function(){y(!1),N(null)}),100)},T=function(e){return function(t){clearTimeout(k.timer),y(!0),e&&N(t.target)}},P=(0,t.useMemo)((function(){return(0,e.jsx)("div",f({className:"language-item",onMouseLeave:O,onMouseEnter:T(!0)},{children:(0,e.jsxs)(e.Fragment,{children:[b.icon&&(0,e.jsx)("span",f({className:"language-item-icon"},{children:b.icon})),b.label&&(0,e.jsx)("span",f({className:"language-item-label"},{children:b.label}))]})}))}),[b,a,k]),C=(0,t.useMemo)((function(){var t=function(e){var t="menu-popover-item";return e.value===b.value&&(t+=" menu-popover-item-select"),t};return(0,n.createPortal)((0,e.jsx)((function(){return(0,e.jsx)(o.Popper,f({open:z,anchorEl:w,disablePortal:!0,placement:"bottom-end",onMouseLeave:O,onMouseEnter:T(!1),className:"paraui-horizontal-meun-right-popover menu-popover"},{children:(0,e.jsx)("div",f({className:"menu-popover-box"},{children:a.map((function(n,o){return(0,e.jsxs)("div",f({className:t(n),onClick:M(n)},{children:[n.icon&&(0,e.jsx)("span",f({className:"icon"},{children:n.icon})),n.label&&(0,e.jsx)("span",f({className:"label",style:{marginLeft:"5px"}},{children:n.label}))]}),o)}))}))}))}),{}),document.getElementsByTagName("body")[0])}),[a,b,z,w,k,l]);return(0,e.jsx)(e.Fragment,{children:s||(0,e.jsxs)("div",f({className:(S="language",c&&(S+=" "+c),z&&(S+=" language-select"),S)},{children:[P,z&&C]}))})},z=function(n){var o,i=n.list,r=void 0===i?[]:i,a=n.render,p=n.className,u=n.onClick,l=function(e){return function(t){u&&u(e,t)}},c=(0,t.useMemo)((function(){var t=function(t){return(0,e.jsxs)(e.Fragment,{children:[t.icon&&(0,e.jsx)("span",f({className:"btn-list-item-icon"},{children:t.icon})),t.label&&(0,e.jsx)("span",f({className:"btn-list-item-label"},{children:t.label}))]})};return(0,e.jsx)(e.Fragment,{children:r.map((function(n,o){var i="btn-list-item";return n.sign&&(i+=" btn-list-item-sign"),(0,e.jsx)("div",f({className:i,onClick:l(n)},{children:t(n)}),o)}))})}),[r]);return(0,e.jsx)(e.Fragment,{children:a||(0,e.jsx)("div",f({className:(o="btn-list",p&&(o+=" "+p),o)},{children:c}))})},y=function(i){var a=i.img,p=i.imgRender,u=i.label,l=i.render,c=i.className,s=i.list,m=i.onClick,d=i.onClickMenu,h=i.selectValue,g=(0,t.useState)(!1),b=g[0],v=g[1],x=(0,t.useState)(null),z=x[0],y=x[1],j=(0,t.useState)({})[0],w=(0,t.useRef)();(0,t.useEffect)((function(){return function(){clearTimeout(j.timer)}}),[]);var N,k=function(e){return function(){d&&d(e.value,e),v(!1)}},S=function(e){j.timer=setTimeout((function(){v(!1),y(null)}),100)},M=function(e){return function(t){clearTimeout(j.timer),v(!0),e&&y(w.current)}},O=(0,t.useMemo)((function(){var t=function(e){var t="menu-popover-item";return e.value===h&&(t+=" menu-popover-item-select"),t};return(0,n.createPortal)((0,e.jsx)((function(){var n;return(0,e.jsx)(o.Popper,f({open:b,anchorEl:z,disablePortal:!0,placement:"bottom-end",onMouseLeave:S,onMouseEnter:M(!1),className:"paraui-horizontal-meun-right-popover menu-popover"},{children:(0,e.jsx)("div",f({className:"menu-popover-box",style:(n={},z&&(n.width=z.getBoundingClientRect().width+"px"),n)},{children:s&&s.map((function(n,o){return(0,e.jsxs)("div",f({className:t(n),onClick:k(n)},{children:[n.icon&&(0,e.jsx)("span",f({className:"icon",style:{marginRight:"5px"}},{children:n.icon})),n.label&&(0,e.jsx)("span",f({className:"label"},{children:n.label}))]}),o)}))}))}))}),{}),document.getElementsByTagName("body")[0])}),[s,h,b,z,j]);return(0,e.jsxs)("div",f({className:(N="logo",c&&(N+=" "+c),b&&(N+=" logo-show-dialog"),N),onClick:function(e){m&&m(e)},onMouseLeave:S,onMouseEnter:M(!0),ref:w},{children:[l||(0,e.jsxs)(e.Fragment,{children:[p||a&&(0,e.jsx)("img",{src:a,alt:""}),u&&(0,e.jsx)("span",f({className:"label"},{children:u})),s&&s.length>0&&(0,e.jsx)("span",f({className:"arrow"},{children:(0,e.jsx)(r(),{})}))]}),b&&O]}))},j=function(n){var o,i=n.className,r=void 0===i?"":i,a=n.backSelfcareProps,p=n.languageProps,u=n.btnListProps,l=n.userProps,c=n.render,s=(0,t.useMemo)((function(){return a&&(0,e.jsx)(v,f({},a))}),[a]),m=(0,t.useMemo)((function(){return p&&(0,e.jsx)(x,f({},p))}),[p]),d=(0,t.useMemo)((function(){return u&&(0,e.jsx)(z,f({},u))}),[u]),h=(0,t.useMemo)((function(){return l&&(0,e.jsx)(y,f({},l))}),[l]);return(0,e.jsx)(e.Fragment,{children:c||(0,e.jsxs)("div",f({className:(o="paraui-horizontal-meun-right",r&&(o+=" "+r),o)},{children:[s,m,d,h]}))})},w=(d(1132),function(){return w=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},w.apply(this,arguments)}),N=function(n){var o,i=n.leftRender,r=n.menuListProps,a=n.footerProps,p=n.selectMenu,u=n.onClickMenu,l=n.className,c=n.style,s=(0,t.useMemo)((function(){return i&&(0,e.jsx)("div",w({className:"paraui-page-header-left"},{children:i}))}),[i]),m=(0,t.useMemo)((function(){return n.menuListProps&&(0,e.jsx)("div",w({className:"menu-box"},{children:(0,e.jsx)(g,w({},r,{selectMenu:p,onClickMenu:u}))}))}),[r,p,u]),d=(0,t.useMemo)((function(){return n.footerProps&&(0,e.jsx)(j,w({},a))}),[a]);return(0,e.jsxs)("div",w({className:(o="paraui-page-header",l&&(o+=" "+l),o),style:c},{children:[s,m,d]}))},k=N}(),h}()}));