@abtnode/blocklet-services 1.16.25-beta-cfcab4af → 1.16.25-beta-023ec101

package/dist/assets/index-DGEurGvE.js

@@ -0,0 +1,717 @@
+import{aB as Pe,aA as ze,aC as ee,ae as Ne,aD as W,aF as P,r as l,aJ as Ce,aE as ae,j as o,aH as T,aI as Re,d0 as eo,cJ as oo,bp as oe,cu as ro,d1 as no,Q as ie,R as le,P as n,bT as v,ab as to,ax as de,L as K,T as F,b as ao,ay as Me,B as C,bU as so,Y as S,d2 as io,H as Te,a0 as lo,d3 as co,h as po,d4 as uo,d5 as ho}from"./index-4kDY-bSj.js";import{T as xo}from"./Toolbar-mzmmamgr.js";import{H as Be}from"./Hidden-_SJ5u7tx.js";import{d as mo}from"./MoreHoriz-ek7Nm6hB.js";import{d as fo}from"./ExpandMore-WQg_8AV_.js";const se={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",A100:"#a7ffeb",A200:"#64ffda",A400:"#1de9b6",A700:"#00bfa5"};function go(e){return Pe("MuiAppBar",e)}ze("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const bo=["className","color","enableColorOnDark","position"],vo=e=>{const{color:r,position:t,classes:a}=e,s={root:["root",`color${W(r)}`,`position${W(t)}`]};return Re(s,go,a)},X=(e,r)=>e?`${e==null?void 0:e.replace(")","")}, ${r})`:r,yo=ee(Ne,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,r[`position${W(t.position)}`],r[`color${W(t.color)}`]]}})(({theme:e,ownerState:r})=>{const t=e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[900];return P({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0},r.position==="fixed"&&{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}},r.position==="absolute"&&{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},r.position==="sticky"&&{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0},r.position==="static"&&{position:"static"},r.position==="relative"&&{position:"relative"},!e.vars&&P({},r.color==="default"&&{backgroundColor:t,color:e.palette.getContrastText(t)},r.color&&r.color!=="default"&&r.color!=="inherit"&&r.color!=="transparent"&&{backgroundColor:e.palette[r.color].main,color:e.palette[r.color].contrastText},r.color==="inherit"&&{color:"inherit"},e.palette.mode==="dark"&&!r.enableColorOnDark&&{backgroundColor:null,color:null},r.color==="transparent"&&P({backgroundColor:"transparent",color:"inherit"},e.palette.mode==="dark"&&{backgroundImage:"none"})),e.vars&&P({},r.color==="default"&&{"--AppBar-background":r.enableColorOnDark?e.vars.palette.AppBar.defaultBg:X(e.vars.palette.AppBar.darkBg,e.vars.palette.AppBar.defaultBg),"--AppBar-color":r.enableColorOnDark?e.vars.palette.text.primary:X(e.vars.palette.AppBar.darkColor,e.vars.palette.text.primary)},r.color&&!r.color.match(/^(default|inherit|transparent)$/)&&{"--AppBar-background":r.enableColorOnDark?e.vars.palette[r.color].main:X(e.vars.palette.AppBar.darkBg,e.vars.palette[r.color].main),"--AppBar-color":r.enableColorOnDark?e.vars.palette[r.color].contrastText:X(e.vars.palette.AppBar.darkColor,e.vars.palette[r.color].contrastText)},{backgroundColor:"var(--AppBar-background)",color:r.color==="inherit"?"inherit":"var(--AppBar-color)"},r.color==="transparent"&&{backgroundImage:"none",backgroundColor:"transparent",color:"inherit"}))}),jo=l.forwardRef(function(r,t){const a=Ce({props:r,name:"MuiAppBar"}),{className:s,color:c="primary",enableColorOnDark:d=!1,position:i="fixed"}=a,p=ae(a,bo),u=P({},a,{color:c,position:i,enableColorOnDark:d}),x=vo(u);return o.jsx(yo,P({square:!0,component:"header",ownerState:u,elevation:4,className:T(x.root,s,i==="fixed"&&"mui-fixed"),ref:t},p))}),wo=jo;function ko(e){return Pe("MuiDrawer",e)}ze("MuiDrawer",["root","docked","paper","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const $o=["BackdropProps"],Po=["anchor","BackdropProps","children","className","elevation","hideBackdrop","ModalProps","onClose","open","PaperProps","SlideProps","TransitionComponent","transitionDuration","variant"],Ae=(e,r)=>{const{ownerState:t}=e;return[r.root,(t.variant==="permanent"||t.variant==="persistent")&&r.docked,r.modal]},zo=e=>{const{classes:r,anchor:t,variant:a}=e,s={root:["root"],docked:[(a==="permanent"||a==="persistent")&&"docked"],modal:["modal"],paper:["paper",`paperAnchor${W(t)}`,a!=="temporary"&&`paperAnchorDocked${W(t)}`]};return Re(s,ko,r)},No=ee(eo,{name:"MuiDrawer",slot:"Root",overridesResolver:Ae})(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer})),ke=ee("div",{shouldForwardProp:oo,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:Ae})({flex:"0 0 auto"}),Co=ee(Ne,{name:"MuiDrawer",slot:"Paper",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.paper,r[`paperAnchor${W(t.anchor)}`],t.variant!=="temporary"&&r[`paperAnchorDocked${W(t.anchor)}`]]}})(({theme:e,ownerState:r})=>P({overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:(e.vars||e).zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0},r.anchor==="left"&&{left:0},r.anchor==="top"&&{top:0,left:0,right:0,height:"auto",maxHeight:"100%"},r.anchor==="right"&&{right:0},r.anchor==="bottom"&&{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"},r.anchor==="left"&&r.variant!=="temporary"&&{borderRight:`1px solid ${(e.vars||e).palette.divider}`},r.anchor==="top"&&r.variant!=="temporary"&&{borderBottom:`1px solid ${(e.vars||e).palette.divider}`},r.anchor==="right"&&r.variant!=="temporary"&&{borderLeft:`1px solid ${(e.vars||e).palette.divider}`},r.anchor==="bottom"&&r.variant!=="temporary"&&{borderTop:`1px solid ${(e.vars||e).palette.divider}`})),Le={left:"right",right:"left",top:"down",bottom:"up"};function Ro(e){return["left","right"].indexOf(e)!==-1}function Mo({direction:e},r){return e==="rtl"&&Ro(r)?Le[r]:r}const To=l.forwardRef(function(r,t){const a=Ce({props:r,name:"MuiDrawer"}),s=oe(),c=ro(),d={enter:s.transitions.duration.enteringScreen,exit:s.transitions.duration.leavingScreen},{anchor:i="left",BackdropProps:p,children:u,className:x,elevation:m=16,hideBackdrop:j=!1,ModalProps:{BackdropProps:y}={},onClose:z,open:g=!1,PaperProps:b={},SlideProps:N,TransitionComponent:w=no,transitionDuration:R=d,variant:M="temporary"}=a,I=ae(a.ModalProps,$o),k=ae(a,Po),$=l.useRef(!1);l.useEffect(()=>{$.current=!0},[]);const _=Mo({direction:c?"rtl":"ltr"},i),B=P({},a,{anchor:i,elevation:m,open:g,variant:M},k),A=zo(B),Q=o.jsx(Co,P({elevation:M==="temporary"?m:0,square:!0},b,{className:T(A.paper,b.className),ownerState:B,children:u}));if(M==="permanent")return o.jsx(ke,P({className:T(A.root,A.docked,x),ownerState:B,ref:t},k,{children:Q}));const V=o.jsx(w,P({in:g,direction:Le[_],timeout:R,appear:$.current},N,{children:Q}));return M==="persistent"?o.jsx(ke,P({className:T(A.root,A.docked,x),ownerState:B,ref:t},k,{children:V})):o.jsx(No,P({BackdropProps:P({},p,y,{transitionDuration:R}),className:T(A.root,A.modal,x),open:g,ownerState:B,onClose:z,hideBackdrop:j,ref:t},k,I,{children:V}))}),De=To;var ce={},Bo=le;Object.defineProperty(ce,"__esModule",{value:!0});var Ie=ce.default=void 0,Ao=Bo(ie()),Lo=o;Ie=ce.default=(0,Ao.default)((0,Lo.jsx)("path",{d:"M21 11V3h-8l3.29 3.29-10 10L3 13v8h8l-3.29-3.29 10-10z"}),"OpenInFull");var pe={},Do=le;Object.defineProperty(pe,"__esModule",{value:!0});var _e=pe.default=void 0,Io=Do(ie()),_o=o;_e=pe.default=(0,Io.default)((0,_o.jsx)("path",{d:"M22 3.41 16.71 8.7 20 12h-8V4l3.29 3.29L20.59 2zM3.41 22l5.29-5.29L12 20v-8H4l3.29 3.29L2 20.59z"}),"CloseFullscreen");function ue({name:e,size:r,alt:t,color:a,style:s,prefix:c,showBadge:d,...i}){const p=`${c}/${e}-${a.replace(/^#/,"")}.png`;return o.jsxs(Fo,{style:{width:r,height:r},children:[o.jsx(to,{width:r,height:r,alt:t||e,src:p,style:Object.assign({width:r},s),...i}),d&&o.jsx("i",{className:"badge-point"})]})}ue.propTypes={name:n.string.isRequired,size:n.number,color:n.string,alt:n.string,style:n.object,prefix:n.string,showBadge:n.bool};ue.defaultProps={size:36,color:"#000000",alt:"",style:{},prefix:"/images",showBadge:!1};const Fo=v("div")`
+  position: relative;
+  .badge-point {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    border-radius: 10px;
+    background-color: #fe4e44;
+    right: -2px;
+    top: 0;
+    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
+  }
+`;var Fe=function(r){return o.jsx("svg",{...r,children:o.jsxs("g",{fill:"none",fillRule:"evenodd",stroke:"#FFF",children:[o.jsx("path",{d:"M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"}),o.jsx("path",{d:"M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"})]})})};Fe.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"45",height:"52",viewBox:"0 0 45 52"};var We=function(r){return o.jsx("svg",{...r,children:o.jsx("path",{fill:"#FFF",fillRule:"evenodd",d:"M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"})})};We.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"99",height:"18",viewBox:"0 0 99 18"};var Oe=function(r){return o.jsx("svg",{...r,children:o.jsxs("g",{fill:"none",fillRule:"evenodd",stroke:"#000",children:[o.jsx("path",{d:"M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"}),o.jsx("path",{d:"M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"})]})})};Oe.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"45",height:"52",viewBox:"0 0 45 52"};var He=function(r){return o.jsx("svg",{...r,children:o.jsx("path",{fillRule:"evenodd",d:"M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917h-7.09v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4v2.021c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"})})};He.defaultProps={xmlns:"http://www.w3.org/2000/svg",width:"99",height:"18",viewBox:"0 0 99 18"};function U({showText:e,showLogo:r,mode:t,layout:a,...s}){const c=t==="light"?o.jsx(Fe,{}):o.jsx(Oe,{}),d=t==="light"?o.jsx(We,{className:"logo-text"}):o.jsx(He,{className:"logo-text"});return o.jsxs(Wo,{layout:a,...s,children:[r&&c,e&&d]})}U.propTypes={mode:n.oneOf(["light","dark"]),layout:n.oneOf(["vertical","horizontal"]),showText:n.bool,showLogo:n.bool};U.defaultProps={mode:"dark",layout:"vertical",showText:!0,showLogo:!0};const Wo=v("span")`
+  display: inline-flex;
+  flex-direction: ${e=>e.layout==="horizontal"?"row":"column"};
+  justify-content: center;
+  align-items: center;
+
+  .logo-text {
+    ${e=>e.layout==="vertical"?"margin-top: 8px;":""}
+    ${e=>e.layout==="vertical"?"":"margin-left: 8px;"};
+  }
+`;function he({images:e,links:r,prefix:t,addons:a,logo:s,...c}){const d=oe(),i=de(),p=(u,x)=>new RegExp(`/${x}`).test(i.pathname);return o.jsxs(Oo,{...c,children:[o.jsx(K,{to:"/",className:"sidebar-logo",children:s||o.jsx(U,{showText:!1,size:20})}),r.map(({url:u,name:x,title:m,showBadge:j})=>{const y=p(u,x);return o.jsxs(Ho,{component:K,selected:y,to:u,children:[o.jsx(ue,{name:e[x],size:36,color:y?"#00c2c4":d.typography.color.main,prefix:t,showBadge:j}),o.jsx(F,{component:"span",className:"menu-title",children:m})]},u)}),o.jsx("div",{style:{flex:1}}),a]})}he.propTypes={images:n.object.isRequired,links:n.array.isRequired,prefix:n.string,addons:n.any,logo:n.any};he.defaultProps={prefix:"/images",addons:null,logo:null};const Oo=l.memo(v("div")`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+
+  && .sidebar-logo {
+    display: none;
+    border-bottom: 1px solid #eee;
+    background: ${e=>e.theme.palette.background.default};
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    padding: 10px 0;
+    text-align: center;
+    font-size: 0;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    && .sidebar-logo {
+      display: block;
+    }
+  }
+`),$e="linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))",Ho=v(ao)`
+  && {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    transition: all 200ms ease-in-out;
+    background: ${e=>e.selected?$e:""};
+    padding: 24px 0;
+    border-left: 2px solid ${e=>e.selected?se.A700:"transparent"};
+    border-radius: 0;
+
+    &:hover {
+      background: ${$e};
+      border-left-color: ${se.A700};
+    }
+
+    .menu-title {
+      margin-top: 8px;
+      font-size: 12px;
+      font-weight: 500;
+      text-align: center;
+      text-transform: capitalize;
+      letter-spacing: normal;
+      width: 80%;
+      color: ${e=>e.theme.palette.text.primary};
+    }
+  }
+`;var xe={},qo=le;Object.defineProperty(xe,"__esModule",{value:!0});var re=xe.default=void 0,Vo=qo(ie()),Eo=o;re=xe.default=(0,Vo.default)((0,Eo.jsx)("path",{d:"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"}),"Menu");const So=v(wo)`
+  && {
+    z-index: ${e=>e.theme.zIndex.drawer};
+    background: ${e=>e.theme.palette.background.default};
+    box-shadow: none;
+    top: 0;
+    height: auto;
+  }
+  .header-toolbar {
+    background: ${e=>e.theme.palette.background.default};
+    color: ${e=>e.theme.palette.text.primary};
+    margin: ${e=>e.theme.spacing(1)}px 0;
+  }
+  .header-link {
+    display: flex;
+    text-decoration: none;
+    flex-shrink: 1;
+    overflow: hidden;
+  }
+  .header-logo {
+    margin-right: 20px;
+  }
+  .header-title {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+  }
+  .header-title__primary {
+    font-size: 24px;
+    font-weight: 800;
+    color: ${e=>e.theme.typography.color.main};
+    text-transform: uppercase;
+    display: flex;
+    align-items: center;
+  }
+  .header-title__secondary {
+    font-size: 14px;
+    line-height: 1.71;
+    color: ${e=>e.theme.typography.color.gray};
+  }
+
+  .header-addons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 9999999;
+
+    .user-addon {
+      .header-avatar {
+        width: 32px;
+        border-radius: 16px;
+        height: auto;
+      }
+    }
+  }
+  .header-menu {
+    display: none;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    .header-title {
+      display: none;
+    }
+    .header-title__primary {
+      font-size: 20px;
+    }
+    .header-menu {
+      display: block;
+    }
+  }
+`;function me({children:e,brand:r,brandAddon:t,description:a,addons:s,onToggleMenu:c,homeUrl:d,logo:i,...p}){return o.jsx(So,{position:"sticky",className:"header",...p,children:o.jsxs(xo,{disableGutters:!1,className:"header-toolbar",children:[o.jsx(Me,{color:"inherit","aria-label":"open drawer",edge:"start",className:"header-menu","aira-label":"header menu button",onClick:c,children:o.jsx(re,{})}),o.jsxs(K,{to:d,className:"header-link",children:[o.jsx(Be,{mdDown:!0,children:o.jsx("div",{className:"header-logo",children:i||o.jsx(U,{showText:!1})})}),o.jsxs("div",{className:"header-title",children:[o.jsxs(F,{component:"h2",noWrap:!0,className:"header-title__primary",children:[r,t]}),o.jsx(F,{component:"p",noWrap:!0,className:"header-title__secondary",children:a})]})]}),o.jsx(C,{flexGrow:1}),!!e&&o.jsx("div",{className:"header-children",children:e}),o.jsx("div",{className:"header-addons",children:s})]})})}me.propTypes={onToggleMenu:n.func.isRequired,brand:n.string.isRequired,brandAddon:n.object,description:n.any.isRequired,children:n.any,addons:n.any,homeUrl:n.string,logo:n.any};me.defaultProps={children:null,addons:null,brandAddon:null,homeUrl:"/",logo:null};function H(e){var m;const r=so(e,H,["dark","style"]),{className:t,copyStart:a,style:s,brand:c,dark:d,addon:i}=r,p=`${new Date().getFullYear()}`,u=`${a}`,x=p===u?p:`${u}-${p}`;return o.jsxs(Uo,{className:t,style:s,dark:d,children:[o.jsx(S,{maxWidth:!1,children:o.jsxs(F,{component:"div",className:"footer",children:[o.jsxs(F,{component:"p",className:"footer-item",children:[o.jsxs("span",{className:"footer-copy",children:["Copyright © ",x," "]}),o.jsx("span",{className:"footer-brand",children:c})]}),i&&o.jsx(F,{component:"div",className:"footer-item",sx:{order:{xs:"-1",md:"initial"},ml:{xs:0,md:"auto"},width:{xs:"100%",md:"auto"}},children:i}),o.jsxs(F,{component:"p",className:"footer-item",style:{justifyContent:"flex-end",flexShrink:0},children:["Powered by",o.jsx(U,{mode:d?"light":"dark",layout:"horizontal",className:"logo-container"})]})]})}),o.jsx(C,{position:"absolute",right:16,bottom:0,fontSize:12,sx:{color:"transparent","::selection":{background:"#000",color:"#fff"}},children:(m=window==null?void 0:window.blocklet)==null?void 0:m.version})]})}H.propTypes={dark:n.bool,className:n.string,copyStart:n.oneOfType([n.string,n.number]),brand:n.string,style:n.object,addon:n.node};H.defaultProps={dark:!1,brand:"ArcBlock",copyStart:"2017",className:"",style:{},addon:null};const Uo=v("div",{shouldForwardProp:e=>e!=="dark"})`
+  position: relative;
+  margin-top: 64px;
+  padding: 24px 0 32px;
+  border-top: 1px solid ${e=>e.dark?e.theme.palette.grey[900]:"#dee2e7"};
+  box-sizing: border-box;
+  width: 100%;
+
+  @media (max-width: 540px) {
+    padding: 8px 0;
+  }
+
+  .footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .footer-item {
+      color: ${({theme:e,dark:r})=>r?e.palette.grey[500]:e.palette.grey[900]};
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      font-size: 0.9rem;
+    }
+
+    .footer-brand {
+      margin-left: 8px;
+      margin-right: 8px;
+    }
+
+    .logo-container {
+      margin-left: 24px;
+      width: 90px;
+      opacity: 0.5;
+    }
+
+    @media (max-width: 540px) {
+      .footer-item {
+        font-size: 0.7rem;
+      }
+
+      .logo-container {
+        margin: 0 0 0 16px;
+        width: 70px;
+        height: 40px;
+      }
+    }
+
+    @media (max-width: 380px) {
+      .footer-item {
+        font-size: 0.65rem;
+      }
+
+      .logo-container {
+        margin: 0 0 0 8px;
+        height: 24px;
+      }
+    }
+  }
+`,Go=v("div")`
+  &.dashboard {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+  }
+  .dashboard__body {
+    overflow: hidden;
+    flex: 1;
+  }
+  .dashboard__main {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    flex: 1;
+  }
+  .dashboard__content {
+    flex: 1;
+  }
+
+  .drawerPaper {
+    position: relative;
+    white-space: nowrap;
+    width: 120px;
+    background: ${e=>e.theme.palette.background.default};
+    box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${e=>e.theme.mode==="light"?.05:.5});
+    border: 0;
+  }
+`;function fe({children:e,title:r,brand:t,description:a,brandAddon:s,headerAddon:c,images:d,links:i,prefix:p,fullWidth:u,contentLayout:x,className:m,homeUrl:j,logo:y,...z}){const b=io(document.body),N=(b==null?void 0:b.width)||0,[w,R]=l.useState(N>=960?"permanent":"temporary"),[M,I]=l.useState(w==="permanent");l.useEffect(()=>{const _=N>=960?"permanent":"temporary";R(_),I(_!=="temporary")},[N]);const k=()=>{I(!M)},$=u||x==="row";return o.jsxs(Go,{className:`dashboard ${m}`,...z,children:[o.jsx(Te,{title:`${r}-${t}`}),o.jsx(me,{className:"dashboard__header",onToggleMenu:k,brand:t,brandAddon:s,description:a,addons:c,homeUrl:j,logo:y}),o.jsxs(C,{display:"flex",className:"dashboard__body",children:[o.jsx(De,{variant:w,className:"drawer",classes:{paper:"drawerPaper"},open:M,onClose:k,ModalProps:{disablePortal:!0,keepMounted:!0},children:o.jsx(he,{className:"dashboard__sidebar",images:d,links:i,prefix:p,logo:y})}),o.jsxs(C,{className:"dashboard__main",children:[o.jsx(S,{maxWidth:$?!1:"lg",className:"dashboard__content",children:e}),o.jsx(H,{})]})]})]})}fe.propTypes={children:n.any.isRequired,title:n.string,brand:n.string.isRequired,links:n.array.isRequired,images:n.object.isRequired,brandAddon:n.object,description:n.any.isRequired,headerAddon:n.any,prefix:n.string,contentLayout:n.oneOf(["row","column"]),fullWidth:n.bool,className:n.string,homeUrl:n.string,logo:n.any};fe.defaultProps={title:"Home",contentLayout:"column",headerAddon:null,brandAddon:null,prefix:"/images",fullWidth:!1,className:"",homeUrl:"/",logo:null};function qe({height:e,...r}){return o.jsx(Yo,{height:e,...r})}qe.propTypes={height:n.oneOfType([n.number,n.string]).isRequired};const Yo=v(C)`
+  overflow: hidden;
+  &:before {
+    content: '';
+    display: inline-block;
+    width: 1px;
+    height: 100%;
+    float: left;
+  }
+  > * {
+    float: left;
+    white-space: nowrap;
+  }
+`;function q({logo:e,brand:r,brandAddon:t,description:a,children:s,addons:c,prepend:d,align:i,maxWidth:p,homeLink:u,...x}){const m=l.useRef(),[j,y]=l.useState("0px"),z={minWidth:j};l.useEffect(()=>{m.current&&y(`${m.current.offsetWidth}px`)},[]);const g=()=>{const b=o.jsxs(o.Fragment,{children:[e&&o.jsx("div",{className:"header-logo",ref:m,children:e}),r&&o.jsx(qe,{height:44,sx:{flexShrink:{xs:1}},children:o.jsxs("div",{className:"header-brand",children:[o.jsx("div",{className:"header-brand-title",children:o.jsx("h2",{children:r})}),o.jsx("div",{className:"header-brand-desc",children:a})]})})]});return typeof u=="function"?u(b):o.jsx("a",{href:u,children:b})};return o.jsx(Jo,{...x,children:o.jsxs(S,{maxWidth:p,className:"header-container",children:[d,o.jsx("div",{className:"header-brand-wrapper",style:z,children:g()}),o.jsx("div",{className:"header-brand-addon",children:t}),i==="right"&&o.jsx(C,{flexGrow:1}),s,i==="left"&&o.jsx(C,{flexGrow:1}),o.jsx("div",{className:"header-addons",children:c})]})})}q.propTypes={logo:n.node,brand:n.node,brandAddon:n.node,description:n.node,children:n.node,addons:n.node,prepend:n.node,align:n.oneOf(["left","right"]),maxWidth:n.oneOfType([n.string,n.oneOf(["xs","sm","md","lg","xl",!1])]),homeLink:n.oneOfType([n.string,n.func])};q.defaultProps={logo:null,brand:null,brandAddon:null,description:null,children:null,addons:null,prepend:null,align:"left",maxWidth:void 0,homeLink:"/"};const Jo=v("div")`
+  position: relative;
+  z-index: ${e=>e.theme.zIndex.appBar};
+  font-size: 14px;
+  background: ${e=>e.theme.palette.common.white};
+  .header-container {
+    display: flex;
+    align-items: center;
+    height: 64px;
+  }
+
+  .header-brand-wrapper {
+    flex-shrink: 2;
+    > a {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      line-height: 1;
+      color: inherit;
+      text-decoration: none;
+    }
+  }
+  .header-brand-wrapper .header-logo {
+    display: inline-flex;
+    position: relative;
+    height: 44px;
+    margin-right: 16px;
+    img,
+    svg {
+      width: auto;
+      height: 100%;
+      max-height: 100%;
+    }
+  }
+  .header-brand {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 44px;
+    margin-right: 16px;
+    line-height: 1;
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+    .header-brand-title {
+      display: flex;
+      align-items: center;
+      h2 {
+        margin: 0;
+        font-size: 16px;
+      }
+    }
+    .header-brand-desc {
+      margin-top: 4px;
+      color: #9397a1;
+    }
+  }
+  .header-brand-addon {
+    margin-right: 16px;
+  }
+  .header-addons {
+    display: flex;
+    align-items: center;
+  }
+  ${e=>e.theme.breakpoints.down("lg")} {
+    .header-brand {
+      margin-right: 12px;
+      .header-brand-title {
+        h2 {
+          font-size: 14px;
+        }
+      }
+    }
+    .header-brand-addon {
+      display: none;
+    }
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    .header-menu {
+      display: inline-block;
+    }
+    .header-logo {
+      height: 32px;
+    }
+    .header-brand {
+      .header-brand-title {
+        h2 {
+          font-size: 13px;
+        }
+      }
+      .header-brand-desc {
+        font-size: 12px;
+      }
+    }
+  }
+`;function ge({menu:e,prepend:r,children:t,...a}){const s=oe(),c=lo(s.breakpoints.down("md")),[d,i]=l.useState(!1),p=typeof t=="function"?t({isMobile:c,closeMenu:()=>i(!1)}):t;return t?o.jsxs(Qo,{prepend:r||o.jsx(Me,{sx:{color:s.palette.grey[500]},edge:"start",className:"header-menu","aria-label":"header menu button",onClick:()=>i(!d),children:d?o.jsx(co,{}):o.jsx(re,{})}),...a,children:[!c&&p,c&&o.jsx(De,{open:d,onClose:()=>i(!1),ModalProps:{disablePortal:!1,keepMounted:!0,BackdropComponent:null},anchor:"top",sx:{top:64,zIndex:s.zIndex.appBar-1},PaperProps:{style:{top:64,bottom:0,boxShadow:"none"}},children:o.jsx(Xo,{children:p})})]}):o.jsx(q,{prepend:r,...a})}ge.propTypes={...q.PropTypes,children:n.oneOfType([n.node,n.func])};ge.defaultProps={...q.defaultProps};const Qo=v(q)`
+  .header-menu {
+    display: none;
+  }
+  ${e=>e.theme.breakpoints.down("md")} {
+    .header-menu {
+      display: flex;
+      margin-right: 12px;
+    }
+  }
+`,Xo=v(S)`
+  padding-top: 8px;
+  padding-bottom: 16px;
+  .navmenu {
+    margin: 0 -16px;
+    .navmenu-root > .navmenu-item,
+    .navmenu-root > .navmenu-sub {
+      border: 0;
+    }
+  }
+`,Ve=v("nav")`
+  background-color: ${e=>e.$bgColor};
+  font-size: 16px;
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .navmenu-item,
+  .navmenu-sub {
+    display: flex;
+    align-items: center;
+  }
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+  /* active/hover */
+  .navmenu-item,
+  .navmenu-sub {
+    color: ${e=>e.$textColor};
+  }
+  .navmenu-item--active,
+  .navmenu-item:hover,
+  .navmenu-sub--opened {
+    color: ${e=>e.$activeTextColor};
+  }
+
+  .navmenu-item {
+    position: relative;
+    cursor: pointer;
+    transition: color 0.2s ease-in-out;
+    a {
+      white-space: nowrap;
+    }
+    a::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background-color: transparent;
+      content: '';
+    }
+  }
+
+  .navmenu-sub {
+    position: relative;
+    cursor: pointer;
+  }
+  /* icon & expand icon */
+  .navmenu-item-icon,
+  .navmenu-sub-icon,
+  .navmenu-sub-expand-icon {
+    display: flex;
+    line-height: 1;
+  }
+  .navmenu-item-icon,
+  .navmenu-sub-icon {
+    margin-right: 4px;
+  }
+  .navmenu-item-icon > *,
+  .navmenu-sub-icon > * {
+    width: auto;
+    height: 22px;
+    max-height: 22px;
+    font-size: 1.5em;
+  }
+  .navmenu-sub-expand-icon {
+    margin-left: 8px;
+    > * {
+      width: 0.8em;
+      height: 0.8em;
+      transition: transform 0.2s ease-in-out;
+    }
+  }
+`,Ko=v(Ve)`
+  padding: 8px 16px;
+  min-width: 50px;
+  flex-grow: 1;
+
+  .navmenu-root {
+    display: flex;
+    align-items: center;
+  }
+  /* 顶级菜单间隔 */
+  .navmenu-root > .navmenu-item,
+  .navmenu-root > .navmenu-sub {
+    margin-left: 24px;
+    white-space: nowrap;
+  }
+  .navmenu-root > .navmenu-item:first-of-type,
+  .navmenu-root > .navmenu-sub:first-of-type {
+    margin-left: 0;
+  }
+
+  /* 子级列表 */
+  .navmenu-sub-container {
+    display: none;
+    position: absolute;
+    top: 100%;
+  }
+  .navmenu-sub-list {
+    padding: 16px;
+    border-radius: 4px;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    .navmenu-item + .navmenu-item {
+      margin-top: 8px;
+    }
+  }
+  /* 二级 sub menu */
+  .navmenu-root > .navmenu-sub {
+    white-space: nowrap;
+    > .navmenu-sub-container {
+      left: 50%;
+      transform: translateX(-50%);
+      padding-top: 16px;
+    }
+    &.navmenu-sub--opened > .navmenu-sub-container {
+      display: block;
+    }
+  }
+`,Zo=v(Ve)`
+  font-size: 16px;
+  .navmenu-root {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .navmenu-item,
+  .navmenu-sub {
+    padding: 0 16px;
+  }
+  & .navmenu-sub {
+    flex-wrap: wrap;
+  }
+  /* 顶级 */
+  .navmenu-root > .navmenu-item,
+  .navmenu-root > .navmenu-sub {
+    line-height: 48px;
+    border-bottom: 1px solid #eee;
+  }
+  /* icon */
+  .navmenu-item-icon,
+  .navmenu-sub-icon {
+    width: 30px;
+    margin: 0;
+  }
+  .navmenu-sub-expand-icon {
+    margin-left: auto;
+  }
+  /* 子级列表 */
+  .navmenu-sub-container {
+    display: none;
+    flex: 1 0 100%;
+    margin: 0 -16px;
+    padding-bottom: 8px;
+    .navmenu-item,
+    .navmenu-sub {
+      line-height: 32px;
+    }
+  }
+  .navmenu-sub-list {
+    padding-left: 16px;
+    .navmenu-item,
+    .navmenu-sub {
+      padding-left: 30px;
+      font-size: 13px;
+    }
+  }
+  /* 二级 menu */
+  .navmenu-sub--opened > .navmenu-sub-container {
+    display: block;
+  }
+`,be=l.createContext();function Ee(e){return e?l.Children.toArray(e).filter(r=>r.type===Y||r.type===O):null}function Se(e){return l.useRef(e||`navmenu-item-id-${Math.random().toString(36).slice(2)}`).current}function G({items:e,mode:r,children:t,activeId:a,textColor:s,activeTextColor:c,bgColor:d,onSelected:i,...p}){var V;if(t=Ee(t),!(e!=null&&e.length)&&!(t!=null&&t.length))throw new Error("One of 'items' or 'children' is required by NavMenu component.");const[u,x]=l.useState({activeId:a,openedIds:[]}),m=l.useCallback(h=>{x(f=>({...f,activeId:h})),i==null||i(h)},[i]),j=l.useCallback(h=>{x(f=>({...f,openedIds:[...f.openedIds,h]}))},[]),y=l.useCallback(h=>{x(f=>({...f,openedIds:f.openedIds.filter(L=>L!==h)}))},[]),z=l.useMemo(()=>({...u,mode:r,activate:m,open:j,close:y}),[u,r,m,j,y]),[g,b]=l.useState(0),N=l.useRef(),w=l.useRef([]),R=l.useRef(),M=g===((V=w.current)==null?void 0:V.length),I=M?o.jsx(re,{}):o.jsx(mo,{}),k=M?{marginLeft:"0px"}:void 0,$=h=>l.Children.map(h,(f,L)=>l.cloneElement(f,{ref:D=>{w.current[L]=D}})),_=po(()=>{var je;let h=0,f=0,L=!1;const D=((je=N.current)==null?void 0:je.offsetWidth)||0,te=R.current?R.current.offsetWidth+parseFloat(window.getComputedStyle(R.current).marginLeft):0;w.current.forEach((E,Ke)=>{if(E){E.style.display="flex";const Ze=Ke>0?parseFloat(window.getComputedStyle(E).marginLeft):0,we=E.offsetWidth+Ze;D-te>=h+we&&!L?h+=we:(E.style.display="none",L=!0,f++)}}),f!==g&&b(f)});l.useEffect(()=>{if(r==="horizontal")return _(),window.addEventListener("resize",_),()=>{window.removeEventListener("resize",_)}},[r]),l.useEffect(()=>{a!=null&&x(h=>({...h,activeId:a}))},[a]);const ye=T("navmenu",`navmenu--${r}`,p.className),B=(h,f,L=!1)=>h!=null&&h.children?o.jsx(O,{id:h.id,icon:h.icon,label:h.label,ref:L?D=>{w.current[f]=D}:void 0,children:h.children.map((D,te)=>B(D,te,!1))},f):o.jsx(Y,{id:h.id,icon:h.icon,label:h.label,active:h.active,ref:L?D=>{w.current[f]=D}:void 0},f),A=e?e==null?void 0:e.slice(-g).map((h,f)=>B(h,f)):t==null?void 0:t.slice(-g),Q=r==="inline"?Zo:Ko;return o.jsx(be.Provider,{value:z,children:o.jsx(Q,{...p,className:ye,$textColor:s,$activeTextColor:c,$bgColor:d,children:o.jsxs("ul",{className:"navmenu-root",ref:N,children:[e?e.map((h,f)=>B(h,f,!0)):$(t),g>0&&o.jsx(O,{expandIcon:!1,icon:I,label:"",ref:R,style:k,children:A})]})})})}G.propTypes={items:n.array,mode:n.oneOf(["horizontal","vertical","inline"]),children:n.array,activeId:n.string,textColor:n.string,activeTextColor:n.string,bgColor:n.string,onSelected:n.func};G.defaultProps={items:null,mode:"horizontal",children:null,activeId:null,textColor:"#9397a1",activeTextColor:"#25292f",bgColor:"#fff",onSelected:null};const Y=l.forwardRef(({id:e,icon:r,label:t,active:a,onClick:s,...c},d)=>{const i=Se(e),{activeId:p,activate:u}=l.useContext(be),x=T("navmenu-item",{"navmenu-item--active":p===i},c.className);l.useEffect(()=>{a&&u(i)},[a]);const m=()=>{s==null||s(),u(i)};return o.jsxs("li",{...c,className:x,onClick:m,ref:d,children:[r&&o.jsx("span",{className:"navmenu-item-icon",children:r}),o.jsx("span",{className:"navmenu-item-label",children:t})]})});Y.propTypes={id:n.string,icon:n.element,label:n.node,active:n.bool,onClick:n.func};Y.defaultProps={id:null,icon:null,label:"",active:!1,onClick:null};const O=l.forwardRef(({id:e,icon:r,label:t,children:a,expandIcon:s,...c},d)=>{const i=Se(e),{openedIds:p,open:u,close:x,mode:m}=l.useContext(be),j=p.includes(i),y=T("navmenu-sub",{"navmenu-sub--opened":j},c.className),z=m==="inline",g=z?{onClick:()=>p.includes(i)?x(i):u(i)}:{onMouseEnter:()=>u(i),onMouseLeave:()=>x(i)},b=z?{onClick:N=>N.stopPropagation()}:{};return o.jsxs("li",{...c,className:y,...g,ref:d,children:[r&&o.jsx("span",{className:"navmenu-sub-icon",children:r}),o.jsx("span",{className:"navmenu-sub-label",children:t}),s&&o.jsx("span",{className:"navmenu-sub-expand-icon",children:(s==null?void 0:s({isOpen:j}))||s}),o.jsx("div",{className:"navmenu-sub-container",...b,children:o.jsx("ul",{className:"navmenu-sub-list",children:Ee(a)})})]})});O.propTypes={id:n.string,icon:n.element,label:n.node.isRequired,children:n.array.isRequired,expandIcon:n.oneOfType([n.node,n.func])};O.defaultProps={id:null,icon:null,expandIcon:({isOpen:e})=>o.jsx(fo,{style:{transform:`rotate(${e?180:0}deg)`}})};G.Item=Y;G.Sub=O;function ne({children:e,routerLinkComponent:r,to:t,external:a,...s}){return a?o.jsx("a",{href:t,...s,children:e}):o.jsx(r,{to:t,...s,children:e})}ne.propTypes={children:n.any.isRequired,routerLinkComponent:n.elementType.isRequired,external:n.bool,to:n.oneOfType([n.string,n.object]).isRequired};ne.defaultProps={external:!1};function Ue(e){return o.jsx(ne,{routerLinkComponent:K,...e})}function ve({className:e,...r}){const t=r.external&&typeof e=="function"?e({}):e;return o.jsx(ne,{routerLinkComponent:uo,className:t,...r})}ve.propTypes={className:n.oneOfType([n.string,n.func])};ve.defaultProps={className:""};function er(e,r){return o.jsxs("li",{className:"layout-sidebar-group",children:[o.jsx("span",{className:"layout-sidebar-group-title",children:e.title}),o.jsx("ul",{children:e.children.map(Ge)})]},`group-${e.title}-${r}`)}function Ge(e,r){var p;if((p=e.children)!=null&&p.length)return er(e,r);const{url:t,icon:a,title:s,showBadge:c,external:d,active:i}=e;return o.jsx("li",{className:"layout-sidebar-item",children:o.jsxs(ve,{external:d,to:t,className:({isActive:u})=>T("layout-sidebar-link",{"layout-sidebar-link--active":d?i:u}),children:[a&&o.jsx("span",{className:`layout-sidebar-icon ${c?"layout-sidebar-badge":""}`,children:a}),o.jsx(F,{component:"span",className:"layout-sidebar-link-text",children:s})]})},`${t}-${r}`)}function Z({links:e,addons:r,dense:t,...a}){return o.jsxs(rr,{...a,className:T({"layout-sidebar-dense":t}),children:[o.jsx("ul",{children:e.map(Ge)}),o.jsx("div",{style:{flex:1}}),r]})}Z.propTypes={links:n.array.isRequired,addons:n.any,dense:n.bool};Z.defaultProps={addons:null,dense:!1};const or="linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))",rr=v("div")`
+  display: flex;
+  flex-direction: column;
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  .layout-sidebar-link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 22px 24px;
+    color: ${e=>e.theme.palette.text.secondary};
+    text-decoration: none;
+
+    &:hover,
+    &.layout-sidebar-link--active {
+      color: ${e=>e.theme.palette.primary.main};
+      background: ${or};
+      border-left-color: ${se.A700};
+    }
+  }
+  .layout-sidebar-icon {
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    > img,
+    > svg {
+      width: 32px;
+      height: 32px;
+    }
+  }
+  .layout-sidebar-badge {
+    position: relative;
+    &:after {
+      content: '';
+      position: absolute;
+      width: 10px;
+      height: 10px;
+      border-radius: 10px;
+      background-color: #fe4e44;
+      right: -2px;
+      top: 0;
+      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1);
+    }
+  }
+  .layout-sidebar-link-text {
+    margin-top: 8px;
+    font-size: 12px;
+    font-weight: 500;
+    text-align: center;
+    text-transform: capitalize;
+    letter-spacing: normal;
+  }
+  /* dense=false 时隐藏 group title */
+  .layout-sidebar-group-title {
+    display: none;
+  }
+  &.layout-sidebar-dense {
+    box-sizing: border-box;
+    padding: 20px 0;
+    font-weight: bold;
+    .layout-sidebar-item {
+      padding: 0 16px;
+    }
+    .layout-sidebar-item + .layout-sidebar-item {
+      margin-top: 1px;
+    }
+    .layout-sidebar-link {
+      box-sizing: border-box;
+      flex-direction: row;
+      align-items: center;
+      width: 100%;
+      padding: 8px;
+      &:hover,
+      &.layout-sidebar-link--active {
+        color: ${e=>e.theme.palette.grey[900]};
+        background: ${e=>e.theme.palette.grey[100]};
+        border: 0;
+        border-radius: 4px;
+      }
+    }
+    .layout-sidebar-icon {
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      margin-right: 8px;
+      > img,
+      > svg {
+        width: 20px;
+        height: 20px;
+      }
+    }
+    .layout-sidebar-badge {
+      &:after {
+        width: 6px;
+        height: 6px;
+        border-radius: 6px;
+        right: -2px;
+        top: 0;
+      }
+    }
+    .layout-sidebar-link-text {
+      margin-top: 0;
+      font-size: 14px;
+      line-height: 1;
+    }
+    .layout-sidebar-group {
+      color: ${e=>e.theme.palette.text.hint};
+      .layout-sidebar-group-title {
+        display: inline-block;
+        padding: 8px 0 8px 24px;
+        font-size: 13px;
+        text-transform: uppercase;
+      }
+    }
+    .layout-sidebar-group + .layout-sidebar-group,
+    .layout-sidebar-group + .layout-sidebar-item,
+    .layout-sidebar-item + .layout-sidebar-group {
+      margin-top: 16px;
+    }
+  }
+`,Ye=l.createContext(),nr=e=>{const r=l.useContext(Ye);return l.useLayoutEffect(()=>{e&&r.configure(e)},[]),r};function Je({children:e,...r}){const[t,a]=l.useState({inFullPage:!1,showToggleButton:!1,headerVisibleInFullPage:!0,footerVisibleInFullPage:!1,sidebarVisibleInFullPage:!1}),s=()=>{a(d=>({...d,inFullPage:!d.inFullPage}))},c=l.useMemo(()=>({...t,headerVisible:!t.inFullPage||t.headerVisibleInFullPage,footerVisible:!t.inFullPage||t.footerVisibleInFullPage,sidebarVisible:!t.inFullPage||t.sidebarVisibleInFullPage,toggleFullPage:s,configure:d=>a(i=>({...i,...d}))}),[t]);return o.jsx(Ye.Provider,{value:c,...r,children:e})}Je.propTypes={children:n.node.isRequired};function tr({closeMenu:e,...r}){const t=de();return l.useEffect(()=>{e()},[t]),o.jsx(G,{...r})}function Qe(e,r){return e.map(t=>{var a;return(a=t.children)!=null&&a.length?{...t,label:t.title,children:Qe(t.children,r)}:{...t,label:o.jsx(Ue,{to:t.url,external:t.external,children:t.title}),active:t.external?t.active:!!ho({path:t.url,end:!1},r.pathname)}})}function J({children:e,title:r,headerProps:t,links:a=[],fullWidth:s,dense:c,footerProps:d,...i}){const p=oe(),{inFullPage:u,showToggleButton:x,headerVisible:m,footerVisible:j,sidebarVisible:y,toggleFullPage:z}=nr(),g=de(),b=l.useMemo(()=>Qe(a,g),[g,a]),N=b.some(k=>{var $;return!!(($=k.children)!=null&&$.length)}),w=c==="auto"?b.length>=8||N:c,R=T("dashboard",{"dashboard-dense":w},i.className),I={homeLink:k=>{var $;return o.jsx(Ue,{to:(($=window.blocklet)==null?void 0:$.prefix)||"/",children:k})},...t};return o.jsxs(ar,{...i,className:R,children:[o.jsx(Te,{title:r},r),m&&o.jsx(sr,{...I,className:"dashboard-header",children:a!=null&&a.length?({isMobile:k,closeMenu:$})=>k?o.jsx(tr,{mode:"inline",items:b,closeMenu:$,bgColor:"transparent",activeTextColor:p.palette.primary.main}):null:null}),o.jsxs(C,{display:"flex",className:"dashboard-body",children:[o.jsx(Be,{mdDown:!0,children:!!(a!=null&&a.length)&&y&&o.jsx(C,{className:"dashboard-sidebar",children:w?o.jsx(Z,{links:a,dense:w}):o.jsx(C,{className:"dashboard-sidebar-container",children:o.jsx(Z,{links:a,dense:w})})})}),o.jsxs(C,{className:"dashboard-main",children:[x&&o.jsx(C,{sx:{position:"absolute",top:4,right:4,display:"flex",justifyContent:"center",alignItems:"center",width:24,height:24,color:"#fff",bgcolor:"rgba(158,158,158, 0.6);",borderRadius:1,cursor:"pointer"},onClick:z,children:u?o.jsx(_e,{style:{fontSize:18}}):o.jsx(Ie,{style:{fontSize:18}})}),o.jsx(S,{className:"dashboard-content",...s&&{maxWidth:!1},children:e}),j&&o.jsx(H,{...d})]})]})]})}J.propTypes={children:n.any.isRequired,title:n.string,links:n.array.isRequired,headerProps:n.object,fullWidth:n.bool,sidebarWidth:n.number,dense:n.oneOf([!0,!1,"auto"])};J.defaultProps={title:"Home",headerProps:{},fullWidth:!1,sidebarWidth:120,dense:"auto"};const ar=v("div",{shouldForwardProp:e=>e!=="sidebarWidth"})`
+  &.dashboard {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+  }
+  .dashboard-body {
+    overflow: hidden;
+    flex: 1;
+  }
+  .dashboard-sidebar {
+    box-sizing: border-box;
+    flex: 0 0 auto;
+    width: ${e=>e.sidebarWidth}px;
+    overflow: hidden;
+    &:hover {
+      overflow-y: auto;
+    }
+  }
+  .dashboard-sidebar-container {
+    width: ${e=>e.sidebarWidth}px;
+  }
+  .dashboard-main {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    flex: 1;
+    position: relative;
+  }
+  .dashboard-content {
+    flex: 1;
+  }
+  &.dashboard-dense {
+    .dashboard-header {
+      border-bottom: 1px solid #eee;
+    }
+    .dashboard-sidebar {
+      width: 256px;
+      border-right: 1px solid #eee;
+    }
+  }
+  ${e=>e.theme.breakpoints.up("md")} {
+    .header-logo {
+      display: flex;
+      justify-content: center;
+      /* logo 与 sidebar 中的 icon 垂直对齐, sidebarWidth - 24 * 2 */
+      min-width: ${e=>e.sidebarWidth-24*2}px;
+    }
+    &.dashboard-dense {
+      .header-logo {
+        /* dense = true 时 logo 与 sidenav icons 不需要对齐 */
+        width: auto;
+      }
+    }
+  }
+`,sr=v(ge)`
+  .header-container {
+    max-width: 100%;
+  }
+`;function Xe({legacy:e,...r}){return e?o.jsx(fe,{...r}):o.jsx(Je,{children:o.jsx(J,{...r})})}Xe.propTypes={...J.propTypes,legacy:n.bool,footerProps:n.shape(H.propTypes)};Xe.defaultProps={...J.defaultProps,legacy:!0};export{Xe as D,G as N,ge as R,nr as u};