@huxy/layout - npm Package Compare versions

Comparing version 2.1.16 to 2.1.17

lib/index.js

@@ -1,1 +0,1 @@
-import{useState as Ji,useEffect as Xi,useCallback as Yi,useRef as Fi}from"react";var ft=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),_=ft;var xt=e=>_(e)==="array",w=xt;var gt=e=>_(e)==="object",g=gt;var yt=e=>e?.$$typeof&&typeof e.$$typeof=="symbol"&&e.$$typeof.description?.indexOf("react.")===0,U=yt;var mt=e=>e?.__v_isVNode,_e=mt;var vt=(e,t)=>Object.prototype.hasOwnProperty.call(e??{},t),W=vt;var He=e=>{if(!w(e)&&!g(e))return e;let t=w(e)?[]:{};for(let r in e)if(W(e,r)){let o=e[r];t[r]=U(o)||_e(o)||typeof o!="object"?o:o!==e?He(o):"cyclic"}else Object.setPrototypeOf(t,{[r]:e[r]});return t},R=He;import{jsx as vo}from"react/jsx-runtime";import{jsxs as zo}from"react/jsx-runtime";var bt=e=>/^https?:\/\/[^\s/?.#]+\.[^\s]+/.test(e),$=bt;var wt=()=>{let e={};return{on:(a,i)=>{e[a]||(e[a]=[]),e[a].indexOf(i)===-1&&e[a].push(i)},emit:(a,i)=>{e[a]&&e[a].map(l=>l(i))},off:(a,i=null)=>{if(e[a]){if(typeof i!="function")return delete e[a];let l=e[a].indexOf(i);l>-1&&(e[a].splice(l,1),e[a].length||delete e[a])}}}},C=wt;var Ee=e=>{let t={};for(let r in e)W(e,r)||(t[r]=e[r]);return t},Ct=(e,t)=>{if(!g(e))return t;if(!g(t))return e;let r={...Ee(e),...Ee(t)},o={...e,...t};return Object.keys(r).map(a=>{Object.setPrototypeOf(o,{[a]:r[a]})}),o},Ie=Ct;var zt=(e=C())=>{let{on:t,emit:r,off:o}=e,a={};return{getState:h=>R(a[h]),setState:(h,s=!1)=>{if(typeof h=="function"&&(h=h(R(a))),!g(h))throw TypeError("\u5FC5\u987B\u4F20\u5165object\u5BF9\u8C61\uFF01");let x=R(h);Object.keys(x).map(c=>{let f=a[c],p=x[c],v=g(p)&&g(f)?Ie(f,p):p;!s&&r(c,v),a[c]=v})},subscribe:(h,s)=>(t(h,s),()=>o(h,s)),unsubscribe:o,clean:h=>{typeof h=="string"?a[h]=void 0:Array.isArray(h)?h.map(s=>a[s]=void 0):Object.keys(a).map(s=>a[s]=void 0)}}},H=zt;import{useState as _t,useEffect as Ht,useCallback as Q}from"react";var St=e=>(t,r)=>{let[o,a]=_t(()=>{let n=e?.getState(t);return n!==void 0?n:(r!==void 0&&e?.setState({[t]:r},!0),r)}),i=Q(n=>e?.setState({[t]:typeof n=="function"?n(e?.getState(t)):n}),[]),l=Q(n=>e?.subscribe(t,n),[]),u=Q((n=n)=>e?.clean(n),[]);return Ht(()=>{e?.subscribe(t,n=>a(n))},[]),[o,i,l,u]},J=St;var Et=H(),Do=J(Et),Uo=C(),Jo=C();var Lt=e=>w(e)&&!!e.length,K=Lt;var Pt=C(),Bt=e=>{let{on:t,emit:r,off:o}=Pt;return{on:a=>t(e,a),emit:a=>r(e,a),off:a=>o(e,a)}},ee=Bt;var Rt=(e=H())=>(t,r)=>{let{getState:o,setState:a,subscribe:i,unsubscribe:l,clean:u}=e;return r!==void 0&&a({[t]:r},!0),{getState:()=>o(t),setState:(n,h)=>a({[t]:n},h),subscribe:n=>i(t,n),unsubscribe:()=>l(t),clean:()=>u(t)}},X=Rt;var $t=H(),At=X($t),Le=At;var We=ee("push-emitter"),Tt=ee("replace-emitter"),N=Le("route-store"),Ne=C(),Pe=H(Ne),te=X(Pe),A=J(Pe);var Mt=()=>![typeof window,typeof document].includes("undefined"),re=Mt;import{Suspense as pi}from"react";import Ot from"react";var Y=class extends Ot.Component{state={error:null};static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,r){let{errorReport:o}=this.props;typeof o=="function"&&o({error:t,info:r.componentStack})}componentDidUpdate(t,r){r.error&&this.setState({error:null})}render(){let{error:t}=this.state,{fallback:r,children:o}=this.props;return t?r?.(t)??t:o}};import{jsx as Ra}from"react/jsx-runtime";var Be=document,oe=Be.createElement("style"),ae="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(ae)&&(oe.setAttribute("huxy-less-inject",ae),oe.textContent="@keyframes before{0%{width:0.6rem;box-shadow:1.2rem -0.6rem #ff3e38,-1.2rem 0.6rem #318ffa;}35%{width:3rem;box-shadow:0 -0.6rem #ff3e38,0 0.6rem #318ffa;}70%{width:0.6rem;box-shadow:-1.2rem -0.6rem #ff3e38,1.2rem 0.6rem #318ffa;}100%{box-shadow:1.2rem -0.6rem #ff3e38,-1.2rem 0.6rem #318ffa;}}@keyframes after{0%{height:0.6rem;box-shadow:0.6rem 1.2rem #6ce581,-0.6rem -1.2rem #fecb2e;}35%{height:3rem;box-shadow:0.6rem 0 #6ce581,-0.6rem 0 #fecb2e;}70%{height:0.6rem;box-shadow:0.6rem -1.2rem #6ce581,-0.6rem 1.2rem #fecb2e;}100%{box-shadow:0.6rem 1.2rem #6ce581,-0.6rem -1.2rem #fecb2e;}}.spinner{position:relative;height:100%;min-height:100px;display:block;overflow:hidden;pointer-events:auto;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:hsla(0,0%,72%,0.24);}.spinner.absolute{position:absolute;min-height:auto;}.spinner.global{position:fixed;width:100vw;height:100vh;}.spinner .spinning{width:3rem;height:3rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(165deg);margin:0;}.spinner .spinning::before,.spinner .spinning::after{content:'';position:absolute;top:50%;left:50%;display:block;width:0.6rem;height:0.6rem;border-radius:0.3rem;transform:translate(-50%,-50%);}.spinner .spinning::before{animation:before 1.5s infinite;}.spinner .spinning::after{animation:after 1.5s infinite;}",Be.head.appendChild(oe),window.__HUXY_LESS_INJECTED__.add(ae));import{jsx as Oa}from"react/jsx-runtime";import{useEffect as oi}from"react";import{useState as Za,useRef as Ga,useCallback as Qa}from"react";import{useEffect as Ja,useRef as Xa,useCallback as Ya}from"react";import{jsx as li}from"react/jsx-runtime";import{jsx as ki}from"react/jsx-runtime";var Re=document,ie=Re.createElement("style"),ne="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(ne)&&(ie.setAttribute("huxy-less-inject",ne),ie.textContent=".l1vzz{text-decoration:none;cursor:pointer;color:var(--linkColor);background-color:transparent;font-weight:500;transition:color 0.3s;}.link:active,.link.l1vzz{color:var(--linkActiveColor,#42a5f5);}.link:hover{color:var(--linkHoverColor,#2196f3);}.link[disabled]{cursor:not-allowed;opacity:0.7;}.link[disabled]:active,.link[disabled].active,.link[disabled]:hover{color:var(--linkColor);}",Re.head.appendChild(ie),window.__HUXY_LESS_INJECTED__.add(ne));import{jsx as xn}from"react/jsx-runtime";import{useState as mn,useEffect as vn}from"react";var In=N.getState,Ln=N.subscribe;import{useEffect as Zt}from"react";var Jt=e=>_(e).indexOf("element")>-1,$e=Jt;var Xt=(e=null)=>re()?$e(e)?{width:e.clientWidth,height:e.clientHeight}:{width:window.innerWidth??document.documentElement.clientWidth,height:window.innerHeight??document.documentElement.clientHeight}:{width:0,height:0},he=Xt;import{useEffect as Yt,useState as Ft,useCallback as jt,useRef as Vt}from"react";var qt=(e={})=>{let t=Vt(0),[r,o]=Ft(e),a=jt(i=>{cancelAnimationFrame(t.current),t.current=requestAnimationFrame(()=>o(i))},[]);return Yt(()=>()=>cancelAnimationFrame(t.current),[]),[r,a]},Ae=qt;var Gt=()=>{let[e,t]=Ae(he());return Zt(()=>{let r=()=>t(he());return window.addEventListener("resize",r,!1),()=>window.removeEventListener("resize",r,!1)},[]),e},F=Gt;import{useMemo as Ir}from"react";import{useEffect as hr,useRef as Ye}from"react";var Qt=(e,t,r="id",o="children")=>{if(!w(e))return null;let a=i=>{for(let l=0,u=i.length;l<u;l++){let n=i[l];if(n[r]===t)return[n];if(w(n[o])){let h=a(n[o]);if(h)return[n].concat(h)}}};return a(e)},Te=Qt;import{useCallback as Kt,useState as er}from"react";var tr=e=>++e,rr=()=>{let[,e]=er(0);return Kt(()=>e(tr),[])},Me=rr;import{jsx as m,jsxs as ce}from"react/jsx-runtime";var or=({to:e,preventDefault:t,stopPropagation:r,...o})=>t?m("span",{...o}):m("a",{href:e,...o}),ar=({item:e,...t})=>m("ul",{...t}),ir=(e,...t)=>{let r={};return Object.keys(e).filter(Boolean).map(o=>{r[o]=a=>e[o](a,...t)}),r},Oe=({data:e=[],events:t={},List:r=ar,Link:o=or,leftIcon:a,rightIcon:i,isHorizontal:l,isCollapsed:u,level:n=0,parentOpen:h=!0})=>{let s=u&&!n,x=!l&&!u&&!h;return e.map(c=>{let{name:f,path:p,icon:v,rightIcon:k,active:y,open:M,children:O,linkProps:P}=c,G=K(O),z=c.id||`${p}${c.childSameRouteLevel??""}`,D=s?c.title??f:void 0,L=x?"hidden":"",E=v??a,b=k??i,B=E?m("div",{className:"node-left-icon",children:E===!0?m("i",{className:"default-left-icon"}):E}):null,ze=f?m("div",{className:"node-text",children:m("span",{children:f})}):null;if(G){let st=ir(t,c,n),pt=[L,M?"open":""].filter(Boolean).join(" ");return ce("li",{className:pt,"has-children":"true",...st,children:[ce(o,{title:D,className:`link${y?" active":""}`,to:p,preventDefault:!0,stopPropagation:!1,...P,children:[B,ze,b?m("div",{className:"node-right-icon",children:b===!0?m("i",{className:"default-right-icon"}):b}):null]}),m(r,{item:c,children:Oe({data:O,events:t,List:r,Link:o,leftIcon:a,rightIcon:i,isHorizontal:l,isCollapsed:u,level:n+1,parentOpen:!!M})})]},z)}return m("li",{className:L,children:ce(o,{title:D,className:`link${y?" active":""}`,to:p,...P,children:[B,ze]})},z)})},De=Oe;import{jsx as lr}from"react/jsx-runtime";var Ue=e=>{let{children:t,open:r}=e,o=0;if(r&&t?.length){o=t.length;let a=0;return t.map(i=>a+=Ue(i)),o+a}return o},nr=({item:e,style:t,...r})=>lr("ul",{style:{...t,"--count":Ue(e)},...r}),Je=nr;var Xe=document,ue=Xe.createElement("style"),de="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(de)&&(ue.setAttribute("huxy-less-inject",de),ue.textContent=".node-right-icon-close{height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.node-right-icon-close .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.node-right-icon-close .default-right-icon::before,.node-right-icon-close .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.node-right-icon-close .default-right-icon::before{left:0;}.node-right-icon-close .default-right-icon::after{left:calc(1px * 0.7);}.node-right-icon-close .default-right-icon::before,.node-right-icon-close .default-right-icon::after{top:calc(50% + var(--pos));}.node-right-icon-close .default-right-icon::before{transform:rotate(135deg);}.node-right-icon-close .default-right-icon::after{transform:rotate(45deg);}.node-right-icon-open{height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.node-right-icon-open .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.node-right-icon-open .default-right-icon::before,.node-right-icon-open .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.node-right-icon-open .default-right-icon::before{left:0;}.node-right-icon-open .default-right-icon::after{left:calc(1px * 0.7);}.node-right-icon-open .default-right-icon::before,.node-right-icon-open .default-right-icon::after{top:calc(50% - var(--pos));}.node-right-icon-open .default-right-icon::before{transform:rotate(225deg);}.node-right-icon-open .default-right-icon::after{transform:rotate(-45deg);}.hide-scrollbar{scrollbar-width:none;scrollbar-color:transparent transparent;}.hide-scrollbar::-webkit-scrollbar{display:none;}.huxy-tree{--topBar:0px;--downBar:var(--footerHeight,0);--width:var(--menuWidth,100%);--bgColor:var(--menuBgColor,transparent);--itemHeight:var(--menuItemHeight,40px);--nodeListWidth:var(--collapseMenuWidth,200px);--treeBorderColor:var(--borderColor,rgba(0,0,0,0.06));--subItemHeight:calc(var(--itemHeight) - 3px);--leftIconWidth:38px;--rightIconWidth:24px;--trackWidth:15px;--collapsedWidth:var(--collapseWidth,60px);--ulPadding:2px 0;--ulPosition:calc(100% + 8px);--arrowPosition:16px;position:relative;height:calc(100% - var(--topBar) - var(--downBar));overflow:hidden;}.huxy-tree .huxy-tree-track{width:calc(100% + var(--trackWidth));height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scrollbar-color:transparent transparent;}.huxy-tree .huxy-tree-track::-webkit-scrollbar{display:none;}.huxy-tree .huxy-tree-track .huxy-tree-root{width:calc(100% - var(--trackWidth));min-height:100%;padding:var(--ulPadding);margin:0;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > .link{padding-left:6px;font-size:1.3rem;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03);}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > .link{padding-left:22px;font-size:1.2rem;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03);}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul > li > .link{padding-left:38px;font-size:1.1rem;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul > li > ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03);}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul > li > ul > li > .link{padding-left:54px;font-size:1rem;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul > li > ul > li > ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03);}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul > li > ul > li > ul > li > .link{padding-left:70px;font-size:0.9rem;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > ul > li > ul > li > ul > li > ul > li > ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03);}.huxy-tree .huxy-tree-track .huxy-tree-root li{user-select:none;position:relative;}.huxy-tree .huxy-tree-track .huxy-tree-root li[has-children='true'] > .link.active{background-color:hsla(0,0%,0%,0.02);}.huxy-tree .huxy-tree-track .huxy-tree-root li[has-children='true'] > .link.active::after{display:none;}.huxy-tree .huxy-tree-track .huxy-tree-root li[has-children='true'] > .link .node-text{padding-right:calc(var(--rightIconWidth) + 5px);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link{position:relative;display:block;height:var(--subItemHeight);line-height:var(--subItemHeight);text-decoration:none;transition:all 0.3s;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link::after{content:'';display:block;position:absolute;left:0px;bottom:0;top:auto;height:3px;width:calc(100% - 0px * 2);background-color:currentColor;transform:scale(0);transition:transform 0.3s;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link.active::after{transform:scale(1);transition:transform 0.3s;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link::after{left:0;bottom:0;top:0;height:100%;width:3px;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link.active{background-color:hsla(0,0%,0%,0.02);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link:hover{background-color:hsla(0,0%,0%,0.03);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon{display:block;position:absolute;top:0;width:var(--leftIconWidth);height:var(--subItemHeight);line-height:var(--subItemHeight);text-align:center;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon .default-left-icon:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:currentColor;opacity:0.7;left:50%;top:50%;transform:translate(-2px,-2px);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon + .node-text{padding-left:var(--leftIconWidth);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon > *{vertical-align:middle;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text{display:block;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon{right:0;height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before{left:0;}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{left:calc(1px * 0.7);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{top:calc(50% + var(--pos));}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before{transform:rotate(135deg);}.huxy-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{transform:rotate(45deg);}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before{left:0;}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7);}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos));}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before{transform:rotate(225deg);}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{transform:rotate(-45deg);}.huxy-tree .huxy-tree-track .huxy-tree-root li.open > ul{height:calc(var(--subItemHeight) * var(--count));}.huxy-tree .huxy-tree-track .huxy-tree-root li.hidden{display:none;}.huxy-tree .huxy-tree-track .huxy-tree-root li > ul{--count:0;overflow:hidden;height:0;transition:height 0.3s;}.huxy-tree .huxy-tree-track .huxy-tree-root > li > .link{border-bottom:1px solid rgba(0,0,0,0.03);height:var(--itemHeight);line-height:var(--itemHeight);}.huxy-tree .huxy-tree-track .huxy-tree-root > li > .link .node-left-icon{height:var(--itemHeight);line-height:var(--itemHeight);}.collapsed.huxy-tree{width:var(--collapsedWidth);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root{width:var(--collapsedWidth);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > .link{padding-left:0px;position:relative;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > .link::after{content:'';display:block;position:absolute;left:0px;bottom:0;top:auto;height:3px;width:calc(100% - 0px * 2);background-color:currentColor;transform:scale(0);transition:transform 0.3s;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > .link.active::after{transform:scale(1);transition:transform 0.3s;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul{overflow:visible;height:auto;position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;top:0;left:var(--ulPosition);width:var(--nodeListWidth);padding:var(--ulPadding);opacity:0.99;border-radius:2px;transform:scale(0);transform-origin:0 0;transition:0.3s transform;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::before{border-width:6px;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::after{border-width:5px;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::after{left:auto;right:100%;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::before{top:var(--arrowPosition);border-right-color:var(--treeBorderColor);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li > ul::after{top:calc(var(--arrowPosition) + 1px);border-right-color:var(--bgColor);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before{left:0;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos));}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before{transform:rotate(225deg);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{transform:rotate(-45deg);}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover > ul{transform:scale(1);transition:0.3s transform;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root > li{z-index:10001;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root > li > .link .node-text,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root > li > .link .node-right-icon{display:none;}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root > li > .link .node-left-icon{width:var(--collapsedWidth);font-size:1.6rem;}.huxy-horizontal-tree{--bgColor:var(--navBgColor,transparent);--itemHeight:var(--menuItemHeight,40px);--nodeListWidth:var(--collapseMenuWidth,200px);--treeBorderColor:var(--borderColor,rgba(0,0,0,0.06));--subItemHeight:calc(var(--itemHeight) - 3px);--leftIconWidth:38px;--rightIconWidth:24px;--itemPadding:0 8px;--nodeFloat:auto;--ulPadding:2px 0;--ulPosition:calc(100% + 8px);--arrowPosition:16px;position:relative;border-top:1px solid var(--treeBorderColor);float:var(--nodeFloat);}.huxy-horizontal-tree .huxy-tree-track{max-width:100%;height:100%;margin:0 auto;scrollbar-width:none;scrollbar-color:transparent transparent;}.huxy-horizontal-tree .huxy-tree-track::-webkit-scrollbar{display:none;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root{float:var(--nodeFloat);width:max-content;padding:0 10px;margin:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root::after{clear:both;content:'';display:block;height:0;visibility:hidden;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li{user-select:none;position:relative;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li[has-children='true'] > .link.active{background-color:hsla(0,0%,0%,0.02);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li[has-children='true'] > .link.active::after{display:none;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li[has-children='true'] > .link .node-text{padding-right:calc(var(--rightIconWidth) + 5px);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link{position:relative;display:block;height:var(--subItemHeight);line-height:var(--subItemHeight);text-decoration:none;transition:all 0.3s;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link::after{content:'';display:block;position:absolute;left:0px;bottom:0;top:auto;height:3px;width:calc(100% - 0px * 2);background-color:currentColor;transform:scale(0);transition:transform 0.3s;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link.active::after{transform:scale(1);transition:transform 0.3s;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link.active{background-color:hsla(0,0%,0%,0.02);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link:hover{background-color:hsla(0,0%,0%,0.03);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon{display:block;position:absolute;top:0;width:var(--leftIconWidth);height:var(--subItemHeight);line-height:var(--subItemHeight);text-align:center;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon .default-left-icon:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:currentColor;opacity:0.7;left:50%;top:50%;transform:translate(-2px,-2px);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon + .node-text{padding-left:var(--leftIconWidth);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-left-icon > *{vertical-align:middle;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0;right:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before{left:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{left:calc(1px * 0.7);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{top:calc(50% + var(--pos));}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::before{transform:rotate(135deg);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > .link .node-text + .node-right-icon .default-right-icon::after{transform:rotate(45deg);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before{left:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos));}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::before{transform:rotate(225deg);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open > .link .node-right-icon .default-right-icon::after{transform:rotate(-45deg);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;top:0;left:var(--ulPosition);right:auto;width:var(--nodeListWidth);padding:var(--ulPadding);opacity:0.99;transform:scale(0);transform-origin:0 0;transition:0.3s transform;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::before{border-width:6px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::after{border-width:5px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::after{left:auto;right:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::before{top:var(--arrowPosition);border-right-color:var(--treeBorderColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul::after{top:calc(var(--arrowPosition) + 1px);border-right-color:var(--bgColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);left:auto;right:var(--ulPosition);position:absolute;transform-origin:100% 0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::before{border-width:6px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::after{border-width:5px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::after{right:auto;left:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::before{top:var(--arrowPosition);border-left-color:var(--treeBorderColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li > ul.left::after{top:calc(var(--arrowPosition) + 1px);border-left-color:var(--bgColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before{left:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos));}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::before{transform:rotate(225deg);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > .link .node-right-icon .default-right-icon::after{transform:rotate(-45deg);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover > ul{transform:scale(1);transition:0.3s transform;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li{float:left;padding:var(--itemPadding);z-index:10001;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li::before{content:'';position:absolute;left:0;top:calc(50% - 10px);height:20px;width:1px;background-color:rgba(0,0,0,0.02);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > .link{height:var(--itemHeight);line-height:var(--itemHeight);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > .link .node-left-icon{height:var(--itemHeight);line-height:var(--itemHeight);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;top:var(--ulPosition);left:0;transform-origin:50% 0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::before{border-width:8px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::after{border-width:7px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::after{top:auto;bottom:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::before{left:16px;border-bottom-color:var(--treeBorderColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul::after{left:calc(16px + 1px);border-bottom-color:var(--bgColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;left:auto;right:0;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::before{border-width:6px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::after{border-width:5px;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::after{left:auto;top:auto;bottom:100%;}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::before{right:10px;border-bottom-color:var(--treeBorderColor);}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root > li > ul.left::after{right:calc(10px + 1px);border-bottom-color:var(--bgColor);}",Xe.head.appendChild(ue),window.__HUXY_LESS_INJECTED__.add(de));import{jsx as T}from"react/jsx-runtime";var cr=e=>T("ul",{...e}),ur=(e,t)=>e?Je:({item:r,...o})=>T(cr,{className:t==="right"?"left":"",...o}),dr=e=>{let{data:t=[],collapsed:r=!1,type:o="vertical",Link:a,width:i,bgColor:l,itemHeight:u,collapsedWidth:n,itemPadding:h,style:s,className:x,...c}=e,f=Ye(),p=Ye();hr(()=>()=>clearTimeout(f.current),[]);let v=Me(),k=o==="horizontal",y=!k&&r,M={onClick:(L,E)=>{if(L.stopPropagation(),!k&&!y){let b=Te(t,E.path,"path"),B=b[b.length-1];B.open=!B.open,v()}},onMouseEnter:(L,E,b)=>{y&&!b&&(clearTimeout(f.current),p.current.style.width="var(--maxWidth)")},onMouseLeave:(L,E,b)=>{y&&!b&&(f.current=setTimeout(()=>p.current.style.width="",200))}},O=(k?["huxy-horizontal-tree",x]:["huxy-tree",x,y?"collapsed":""]).filter(Boolean).join(" "),{float:P,...G}=c?.style??{},z={"--bgColor":l,"--itemHeight":u,"--nodeListWidth":i,...G};k?(z["--itemPadding"]=h,z["--nodeFloat"]=P):(z["--width"]=i,z["--collapsedWidth"]=n);let D=ur(!k&&!y,P);return T("div",{ref:p,className:O,style:z,...c,children:T("div",{className:"huxy-tree-track",children:T("ul",{className:"huxy-tree-root",children:De({data:t,events:M,List:D,Link:a,leftIcon:!0,rightIcon:!0,isHorizontal:k,isCollapsed:y})})})})},j=dr;import{useState as wr,useRef as Cr}from"react";import{useEffect as pr}from"react";var sr=e=>{let t=typeof e=="function"?e():e;return W(t,"current")},Fe=sr;var fr=(e,t,r="click")=>{pr(()=>{let o=i=>{let l=typeof e=="function"?e():e,u=Fe(l)?l.current:l;u?.contains&&!u.contains(i.target)&&t(i)},a=typeof r=="string"?[r]:r;return a.map(i=>{document.addEventListener(i,o,!1)}),()=>{a.map(i=>{document.removeEventListener(i,o,!1)})}},[e])},V=fr;import{useState as yr,useEffect as mr}from"react";var xr=e=>new Promise((t,r)=>{let o=new FileReader;o.readAsDataURL(e),o.addEventListener("load",()=>t(o.result)),o.addEventListener("error",a=>r(a))}),je=xr;var gr=async e=>{if(!$(e))return e;let r=await(await fetch(decodeURIComponent(e))).blob();return await je(r)},Ve=gr;var vr=e=>{let[t,r]=yr(e);return mr(()=>{(async a=>{let i=await Ve(a);r(i)})(e)},[e]),t},qe=vr;import{jsx as br}from"react/jsx-runtime";var kr=({src:e,...t})=>{let r=qe(e);return br("img",{...t,src:r})},Ze=kr;import{Fragment as Sr,jsx as d,jsxs as q}from"react/jsx-runtime";var Ge=({Ricon:e,open:t})=>e===!0?d("i",{className:`huxy-header-angle-${t?"top":"bt"}`}):d(e,{status:t}),zr=({img:e,name:t,icon:r,Ricon:o,open:a})=>e?q("div",{className:"avatar",children:[d("div",{className:"img",children:d(Ze,{src:e,width:"1",height:"1",crossOrigin:"anonymous",alt:"avatar"})}),t?d("span",{className:"txt",children:t}):null,o?d("span",{className:"node-icon",children:d(Ge,{Ricon:o,open:a})}):null]}):q(Sr,{children:[r?d("span",{className:"node-icon",children:r}):null,t?d("span",{className:"txt",children:t}):null,o?d("span",{className:"node-icon",children:d(Ge,{Ricon:o,open:a})}):null]}),Qe=({item:e,open:t})=>{let{Custom:r,img:o,name:a,icon:i,Ricon:l,active:u}=e;return typeof r=="function"?d(r,{item:e,className:"link"}):d("span",{className:`link${u?" active":""}`,title:e.title||a,children:d(zr,{img:o,name:a,icon:i,Ricon:l,open:t})})},_r=({item:e,click:t})=>{let r=Cr(),[o,a]=wr(!1);V(()=>r,c=>o&&a(!1));let{arrowDir:i,ChildRender:l,children:u,smShow:n}=e,h=u?.length,s=(c,f,p=null)=>{p===!1&&a(v=>!v),p&&(c.stopPropagation(),a(!1)),t(f,p)},x=n?"sm-show":"";return h||l?q("li",{ref:r,className:`${x} ${o?"open":""}`,onClick:c=>s(c,e,!1),children:[d(Qe,{item:e,open:o}),d("ul",{className:`huxy-header-arrow-${i||"rt"}`,children:h?u.map((c,f)=>d("li",{className:c.divider?"divider":"",children:q("span",{onClick:p=>s(p,c,!0),className:`link${c.active?" active":""}`,children:[c.icon?d("span",{className:"node-icon",children:c.icon}):null,d("span",{className:"drop-label",children:c.name})]})},`subItem-${f}-${c.key||c.name}`)):d("li",{children:d(l,{item:e,close:()=>a(!1)})})})]}):d("li",{onClick:c=>s(c,e),className:x,children:d(Qe,{item:e,open:o})})},Hr=({list:e,click:t})=>d("ul",{children:e.map((r,o)=>d(_r,{click:t,item:r},`navItem-${o}-${r.key||r.name}`))}),se=Hr;import{jsx as S,jsxs as pe}from"react/jsx-runtime";var Er=e=>{let{leftList:t,rightList:r,handleNavClick:o,logo:a,title:i,Link:l}=e;return pe("div",{className:"header",children:[pe(l,{className:"banner",to:"/",children:[a?S("div",{className:"logo",children:S("img",{width:"1",height:"1",src:a,alt:"logo"})}):null,S("div",{className:"title",children:i??"Dashboard"})]}),S("div",{className:"nav",children:pe("div",{className:"nav-wrap",children:[S("div",{className:"nav-left",children:S(se,{list:t,click:o})}),S("div",{className:"nav-right",children:S(se,{list:r,click:o})})]})})]})},Ke=Er;var et=document,fe=et.createElement("style"),xe="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(xe)&&(fe.setAttribute("huxy-less-inject",xe),fe.textContent=".clear::after{clear:both;content:'';display:block;height:0;visibility:hidden;}@keyframes huxy-header-animate-bottom-in{0%{opacity:0;visibility:hidden;transform:translate3d(0,25px,0);}100%{opacity:0.98;visibility:visible;transform:translate3d(0,2px,0);}}.huxy-header-angle-top{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;}.huxy-header-angle-top::before,.huxy-header-angle-top::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-header-angle-top::before{left:0;}.huxy-header-angle-top::after{left:calc(1px * 0.7);}.huxy-header-angle-top::before,.huxy-header-angle-top::after{top:calc(50% - var(--pos));}.huxy-header-angle-top::before{transform:rotate(225deg);}.huxy-header-angle-top::after{transform:rotate(-45deg);}.huxy-header-angle-bt{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;}.huxy-header-angle-bt::before,.huxy-header-angle-bt::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s;}.huxy-header-angle-bt::before{left:0;}.huxy-header-angle-bt::after{left:calc(1px * 0.7);}.huxy-header-angle-bt::before,.huxy-header-angle-bt::after{top:calc(50% + var(--pos));}.huxy-header-angle-bt::before{transform:rotate(135deg);}.huxy-header-angle-bt::after{transform:rotate(45deg);}.huxy-header-arrow-lt{position:relative;background:var(--navBgColor);border:1px solid var(--borderColor);right:auto;left:0;z-index:10000;}.huxy-header-arrow-lt::before,.huxy-header-arrow-lt::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.huxy-header-arrow-lt::before{border-width:8px;}.huxy-header-arrow-lt::after{border-width:7px;}.huxy-header-arrow-lt::before,.huxy-header-arrow-lt::after{top:auto;bottom:100%;}.huxy-header-arrow-lt::before{left:16px;border-bottom-color:var(--borderColor);}.huxy-header-arrow-lt::after{left:calc(16px + 1px);border-bottom-color:var(--navBgColor);}.huxy-header-arrow-rt{position:relative;background:var(--navBgColor);border:1px solid var(--borderColor);right:0;left:auto;z-index:10000;}.huxy-header-arrow-rt::before,.huxy-header-arrow-rt::after{content:'';position:absolute;width:0;height:0;border:solid transparent;}.huxy-header-arrow-rt::before{border-width:8px;}.huxy-header-arrow-rt::after{border-width:7px;}.huxy-header-arrow-rt::before,.huxy-header-arrow-rt::after{left:auto;top:auto;bottom:100%;}.huxy-header-arrow-rt::before{right:16px;border-bottom-color:var(--borderColor);}.huxy-header-arrow-rt::after{right:calc(16px + 1px);border-bottom-color:var(--navBgColor);}.header{--subMenuItemHeight:40px;max-width:var(--maxWidth);height:var(--headerHeight);line-height:var(--headerHeight);margin:0 auto;position:relative;}.header .banner{color:var(--bannerLinkColor,var(--appLinkColor));position:absolute;top:0;left:0;width:var(--menuWidth);background:var(--bannerBgColor);z-index:1;height:100%;padding-left:15px;padding-right:10px;display:flex;transition:width 0.3s;}.header .banner:hover{color:var(--bannerLinkColor,var(--appLinkColor));}.header .banner .logo{height:100%;font-size:0;}.header .banner .logo > img{height:55%;width:auto;}.header .banner .title{padding-left:5px;font-size:1.6rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.header .nav{padding-left:var(--menuWidth);transition:padding-left 0.3s;}.header .nav .nav-wrap{padding:0 10px;position:relative;display:flex;box-shadow:var(--boxShadow);}.header .nav .nav-wrap::after{clear:both;content:'';display:block;height:0;visibility:hidden;}.header .nav .nav-wrap .nav-left > ul,.header .nav .nav-wrap .nav-right > ul{margin:0;}.header .nav .nav-wrap .nav-left > ul::after,.header .nav .nav-wrap .nav-right > ul::after{clear:both;content:'';display:block;height:0;visibility:hidden;}.header .nav .nav-wrap .nav-left > ul > li,.header .nav .nav-wrap .nav-right > ul > li{position:relative;user-select:none;}.header .nav .nav-wrap .nav-left > ul > li > .link,.header .nav .nav-wrap .nav-right > ul > li > .link{height:var(--headerHeight);display:block;text-align:center;cursor:pointer;padding:0 1.2rem;position:relative;transition:color 0.3s;}.header .nav .nav-wrap .nav-left > ul > li > .link::before,.header .nav .nav-wrap .nav-right > ul > li > .link::before{content:'';position:absolute;left:0;top:calc(50% - 10px);height:20px;width:1px;background-color:rgba(0,0,0,0.02);}.header .nav .nav-wrap .nav-left > ul > li > .link .avatar,.header .nav .nav-wrap .nav-right > ul > li > .link .avatar{font-size:0;height:100%;display:flex;align-items:center;}.header .nav .nav-wrap .nav-left > ul > li > .link .avatar .img,.header .nav .nav-wrap .nav-right > ul > li > .link .avatar .img{height:48%;max-height:46px;border-radius:100%;background-color:#f0f0f0f0;padding:1px;border:1px solid rgba(0,0,0,0.12);position:relative;transform-origin:50% 50%;transform:rotate(-42deg);}.header .nav .nav-wrap .nav-left > ul > li > .link .avatar .img::after,.header .nav .nav-wrap .nav-right > ul > li > .link .avatar .img::after{content:'';position:absolute;width:6px;height:6px;border-radius:100%;bottom:-3px;left:calc(50% - 2px);background-color:#21d86e;}.header .nav .nav-wrap .nav-left > ul > li > .link .avatar .img img,.header .nav .nav-wrap .nav-right > ul > li > .link .avatar .img img{height:100%;width:auto;border-radius:100%;display:block;transform-origin:50% 50%;transform:rotate(42deg);}.header .nav .nav-wrap .nav-left > ul > li > .link .avatar .txt,.header .nav .nav-wrap .nav-right > ul > li > .link .avatar .txt{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.header .nav .nav-wrap .nav-left > ul > li > .link .icon,.header .nav .nav-wrap .nav-right > ul > li > .link .icon{font-size:0;height:100%;}.header .nav .nav-wrap .nav-left > ul > li > .link .icon img,.header .nav .nav-wrap .nav-right > ul > li > .link .icon img{height:25%;width:auto;max-height:24px;min-height:16px;filter:grayscale(0.1);}.header .nav .nav-wrap .nav-left > ul > li > .link .node-icon,.header .nav .nav-wrap .nav-right > ul > li > .link .node-icon,.header .nav .nav-wrap .nav-left > ul > li > .link .img,.header .nav .nav-wrap .nav-right > ul > li > .link .img{height:100%;}.header .nav .nav-wrap .nav-left > ul > li > .link .node-icon + .txt,.header .nav .nav-wrap .nav-right > ul > li > .link .node-icon + .txt,.header .nav .nav-wrap .nav-left > ul > li > .link .img + .txt,.header .nav .nav-wrap .nav-right > ul > li > .link .img + .txt{margin-left:1rem;}.header .nav .nav-wrap .nav-left > ul > li > .link .node-icon > *,.header .nav .nav-wrap .nav-right > ul > li > .link .node-icon > *,.header .nav .nav-wrap .nav-left > ul > li > .link .img > *,.header .nav .nav-wrap .nav-right > ul > li > .link .img > *{font-size:1.6rem;vertical-align:middle;}.header .nav .nav-wrap .nav-left > ul > li > .link .txt,.header .nav .nav-wrap .nav-right > ul > li > .link .txt{display:inline-block;font-size:1.3rem;}.header .nav .nav-wrap .nav-left > ul > li > .link .txt + .node-icon,.header .nav .nav-wrap .nav-right > ul > li > .link .txt + .node-icon{margin-left:1rem;}.header .nav .nav-wrap .nav-left > ul > li ul,.header .nav .nav-wrap .nav-right > ul > li ul{position:absolute;top:100%;right:0;width:max-content;min-width:130px;box-shadow:0 2px 6px var(--borderColor);padding:2px 0;border-radius:2px;opacity:0;visibility:hidden;display:none;}.header .nav .nav-wrap .nav-left > ul > li ul > li,.header .nav .nav-wrap .nav-right > ul > li ul > li{user-select:none;}.header .nav .nav-wrap .nav-left > ul > li ul > li.divider,.header .nav .nav-wrap .nav-right > ul > li ul > li.divider{margin-top:4px;padding-top:4px;border-top:1px solid var(--borderColor);}.header .nav .nav-wrap .nav-left > ul > li ul > li .link,.header .nav .nav-wrap .nav-right > ul > li ul > li .link{display:flex;align-items:center;height:var(--subMenuItemHeight);line-height:var(--subMenuItemHeight);cursor:pointer;padding:0 1.5rem;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link .img,.header .nav .nav-wrap .nav-right > ul > li ul > li .link .img{font-size:0;height:100%;margin-right:1rem;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link .img img,.header .nav .nav-wrap .nav-right > ul > li ul > li .link .img img{height:40%;width:auto;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link .node-icon,.header .nav .nav-wrap .nav-right > ul > li ul > li .link .node-icon{display:inline-block;height:100%;margin-right:1rem;text-align:center;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link .node-icon img,.header .nav .nav-wrap .nav-right > ul > li ul > li .link .node-icon img{height:34%;width:auto;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link > .drop-label,.header .nav .nav-wrap .nav-right > ul > li ul > li .link > .drop-label{display:inline-block;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link:hover,.header .nav .nav-wrap .nav-right > ul > li ul > li .link:hover{background-color:#e6f7ff;color:#666;}.header .nav .nav-wrap .nav-left > ul > li ul > li .link.active,.header .nav .nav-wrap .nav-right > ul > li ul > li .link.active{background-color:#e6f7ff;color:#666;}.header .nav .nav-wrap .nav-left > ul > li.open ul,.header .nav .nav-wrap .nav-right > ul > li.open ul{display:block;animation:huxy-header-animate-bottom-in 0.22s forwards;}.header .nav .nav-wrap .nav-left{float:left;}.header .nav .nav-wrap .nav-left > ul{float:left;}.header .nav .nav-wrap .nav-left > ul > li{float:left;}.header .nav .nav-wrap .nav-right{flex:1;float:right;}.header .nav .nav-wrap .nav-right > ul{float:right;}.header .nav .nav-wrap .nav-right > ul > li{float:right;}.collapsed .frame-header .header .banner{width:var(--collapseWidth);padding:0;justify-content:center;transition:width 0.3s;}.collapsed .frame-header .header .banner .title{display:none;}.collapsed .frame-header .header .nav{padding-left:var(--collapseWidth);transition:padding-left 0.3s;}@media screen and (max-width:1024px){.header .banner{display:none;}.header .nav{padding-left:0 !important;}.header .nav .nav-wrap .nav-right > ul > li .link .avatar .txt{display:none;}}@media screen and (max-width:768px){.header .nav{padding-left:0 !important;}.header .nav .nav-wrap .nav-left > ul > li:not(.sm-show){display:none;}.header .nav .nav-wrap .nav-right > ul > li:not(.sm-show){display:none;}.header .nav .nav-wrap .nav-right > ul > li .link .avatar .txt{display:none;}}",et.head.appendChild(fe),window.__HUXY_LESS_INJECTED__.add(xe));import{jsx as ge,jsxs as Nr}from"react/jsx-runtime";var Lr=({language:e,...t})=>Ir(()=>ge(Ke,{...t}),[e]),Wr=e=>{let{navMenu:t,headerStyle:r,navMenuStyle:o,Link:a,leftList:i,rightList:l,handleNavClick:u,logo:n,title:h,language:s}=e;return Nr("header",{className:"frame-header",style:r,children:[i?.length||l?.length?ge(Lr,{Link:a,leftList:i,rightList:l,handleNavClick:(x,c)=>u(e,x,c),logo:n,title:h,language:s}):null,t?.length?ge(j,{data:t,type:"horizontal",Link:a,style:o}):null]})},tt=Wr;var rt=document,ye=rt.createElement("style"),me="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(me)&&(ye.setAttribute("huxy-less-inject",me),ye.textContent=".footer{height:var(--footerHeight);line-height:var(--footerHeight);box-shadow:0 0 6px 1px rgba(0,0,0,0.06);margin:0 auto;max-width:var(--maxWidth);}",rt.head.appendChild(ye),window.__HUXY_LESS_INJECTED__.add(me));import{jsx as ot}from"react/jsx-runtime";var Pr=({Footer:e})=>ot("div",{className:"footer",children:e?ot(e,{}):"copyright \xA9 2020-2022"}),at=Pr;import{useRef as Br,useEffect as Rr}from"react";import{jsx as Z,jsxs as Ar}from"react/jsx-runtime";var $r=e=>{let{menu:t,MenuTop:r,MenuBottom:o,Link:a,inputPath:i,asideStyle:l}=e,[u,n]=A("huxy-collapse"),{width:h}=F(),s=Br();return V(()=>s,x=>{h<=1024&&u&&n(!1)}),Rr(()=>{h<=1024&&u&&n(!1)},[i]),Z("aside",{className:"frame-aside",style:l,children:Ar("div",{ref:s,style:{height:"100%"},children:[r&&Z(r,{...e}),Z(j,{data:t,collapsed:u&&h>1024,Link:a}),o&&Z(o,{collapsed:u,isSmall:h<=1024,setCollapsed:n})]})})},it=$r;import{useEffect as Tr,useRef as nt,useState as Mr}from"react";import{jsx as Jr}from"react/jsx-runtime";var Or=380,Dr=({inputPath:e,menuAnimate:t="ani-in"})=>{let r=nt(e.split("?")[0]),o=nt(),[a,i]=Mr("");return Tr(()=>{let l=e.split("?")[0];return l!==r.current&&(r.current=l,i(` ${t}`),o.current=setTimeout(()=>{i("")},Or)),()=>{clearTimeout(o.current),i("")}},[e]),a},Ur=e=>{let{inputPath:t,contentStyle:r,menuAnimate:o,children:a}=e,i=Dr({inputPath:t,menuAnimate:o});return Jr("div",{className:`page-content${i}`,style:r,children:a})},lt=Ur;var ht=document,ve=ht.createElement("style"),ke="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(ke)&&(ve.setAttribute("huxy-less-inject",ke),ve.textContent="@keyframes ani-fade-in{0%{opacity:0;display:none;}1%{opacity:0;display:block;}100%{opacity:1;display:block;}}@keyframes ani-fade-out{0%{opacity:1;display:block;}99%{opacity:0;display:block;}100%{opacity:0;display:none;}}@keyframes ani-scale-in{0%{transform:scale(0);display:none;}1%{transform:scale(0);display:block;}100%{transform:scale(1);display:block;}}@keyframes ani-scale-out{0%{transform:scale(1);display:block;}99%{transform:scale(0);display:block;}100%{transform:scale(0);display:none;}}@keyframes ani-left-in{0%{opacity:0;transform:translate3d(-72px,0,0);}100%{opacity:1;transform:translate3d(0,0,0);}}@keyframes ani-left-out{0%{opacity:1;transform:translate3d(0,0,0);}100%{opacity:0;transform:translate3d(72px,0,0);}}@keyframes ani-top-in{0%{opacity:0.4;transform:translate(0,-72px);}100%{opacity:1;transform:translate(0,0);}}.page-container{--pageHeight:calc(var(--containerHeight) - var(--footerHeight) - var(--topHeight));min-height:var(--pageHeight);position:relative;background:var(--pageBgColor);}.page-container .page-content{--contentHeight:calc(var(--pageHeight) - var(--breadHeight) - var(--frame-spacing) * 2);padding:var(--frame-spacing);}.page-container .page-content.ani-in{overflow:hidden;animation:ani-left-in 0.4s forwards;}.page-container .page-content.ani-out{overflow:hidden;animation:ani-left-out 0.4s forwards;}",ht.head.appendChild(ve),window.__HUXY_LESS_INJECTED__.add(ke));import{jsx as I,jsxs as ct}from"react/jsx-runtime";var Xr=e=>{let{menu:t,current:r,MainTop:o,children:a,inputPath:i,contentStyle:l,menuAnimate:u}=e,n=t?.length,h=u?u===!0?"ani-in":u:"";return ct("div",{className:`frame-container${n?"":" no-sidebar"}`,children:[n?I(it,{...e}):null,I("div",{className:"frame-view",children:ct("div",{className:"page-container",children:[o&&I(o,{current:r}),h?I(lt,{inputPath:i,contentStyle:l,menuAnimate:h,children:a}):I("div",{className:"page-content",style:l,children:a})]})}),I("footer",{className:"frame-footer",children:I(at,{...e})})]})},ut=Xr;var dt=document,be=dt.createElement("style"),we="L1VzZXJz";typeof window<"u"&&!window.__HUXY_LESS_INJECTED__&&(window.__HUXY_LESS_INJECTED__=new Set);typeof window<"u"&&!window.__HUXY_LESS_INJECTED__.has(we)&&(be.setAttribute("huxy-less-inject",we),be.textContent=".frame{--frame-spacing:1rem;--frame-radius:4px;--boxShadow:0 0 6px 1px rgba(0,0,0,0.06);transform:none;--topHeight:var(--headerHeight);--blur:0.3rem;--opacity:0.75;background:var(--appBgColor);color:var(--appColor);}.frame.no-header{--headerHeight:0px;}.frame .frame-header{--linkColor:var(--headerLinkColor,var(--appLinkColor));--linkActiveColor:var(--headerLinkActiveColor,var(--appLinkActiveColor));--linkHoverColor:var(--headerLinkHoverColor,var(--appLinkHoverColor));backdrop-filter:blur(var(--blur));background:var(--navBgColor);position:fixed;top:0;left:0;right:0;z-index:10;}.frame .frame-main{margin:0 auto;max-width:var(--maxWidth);padding-top:var(--topHeight);z-index:5;}.frame .frame-main .frame-container{position:relative;}.frame .frame-main .frame-container .frame-aside{--linkColor:var(--asideLinkColor,var(--appLinkColor));--linkActiveColor:var(--asideLinkActiveColor,var(--appLinkActiveColor));--linkHoverColor:var(--asideLinkHoverColor,var(--appLinkHoverColor));position:fixed;width:var(--menuWidth);top:var(--topHeight);bottom:0;z-index:6;background:var(--menuBgColor);transform:translate3d(0,0,0);transition:width 0.3s;}.frame .frame-main .frame-container .frame-view{padding-left:calc(var(--menuWidth));transition:padding-left 0.3s;}.frame .frame-main .frame-container .frame-footer{padding-left:calc(var(--menuWidth));transition:padding-left 0.3s;background:var(--panelBgColor);}.frame .frame-main .frame-container.no-sidebar .frame-view{padding-left:0;}.frame .frame-main .frame-container.no-sidebar .frame-footer{padding-left:0;margin-left:calc(var(--maxWidth) / 2 - 50vw);margin-right:calc(var(--maxWidth) / 2 - 50vw);}.frame.collapsed .frame-main .frame-container .frame-aside,.frame.composeCollapsed .frame-main .frame-container .frame-aside{width:var(--collapseWidth);transition:width 0.3s;}.frame.collapsed .frame-main .frame-container .frame-view,.frame.composeCollapsed .frame-main .frame-container .frame-view{padding-left:var(--collapseWidth);transition:padding-left 0.3s;}.frame.collapsed .frame-main .frame-container .frame-footer,.frame.composeCollapsed .frame-main .frame-container .frame-footer{padding-left:calc(var(--collapseWidth));transition:padding-left 0.3s;}.frame.horizontal,.frame.compose{--topHeight:calc(var(--headerHeight) + var(--menuItemHeight));}.frame.horizontal .frame-header .header .banner,.frame.compose .frame-header .header .banner{background:transparent;color:var(--linkColor);}.frame.horizontal .frame-header .header .banner:hover,.frame.compose .frame-header .header .banner:hover{color:var(--linkColor);}.frame.detached{--frame-spacing:0.8rem;--frame-radius:4px;}@media screen and (max-width:1024px){.frame .frame-main .frame-container .frame-aside{width:0;}.frame .frame-main .frame-container .frame-view{padding-left:0;}.frame .frame-main .frame-container .frame-footer{padding-left:0;}.frame.collapsed .frame-main .frame-container .frame-aside{width:var(--menuWidth);backdrop-filter:blur(var(--blur));background:var(--menuBgColor);}.frame.collapsed .frame-main .frame-container .frame-view{padding-left:0;}.frame.collapsed .frame-main .frame-container .frame-footer{padding-left:0;}}",dt.head.appendChild(be),window.__HUXY_LESS_INJECTED__.add(we));import{jsx as Ce,jsxs as jr}from"react/jsx-runtime";var Yr=e=>{let{vertical:t,horizontal:r,menu:o,leftList:a,rightList:i}=e,{width:l}=F(),[u]=A("huxy-collapse"),n=l<=1024,h=n?o:t,s=n?[]:r,x=h?.length,c=s?.length,f=c&&x,p=f?"compose":c?"horizontal":u?"collapsed":"",v=f&&u?"composeCollapsed":"",k=a?.length||i?.length?"":"no-header",y=["frame",p,v,k].filter(Boolean).join(" ");return jr("div",{className:y,children:[Ce(tt,{...e,navMenu:s}),Ce("main",{className:"frame-main",children:Ce(ut,{...e,menu:h})})]})},Fr=Yr;export{Fr as default};
+import{useState as wi,useEffect as Ci,useCallback as zi,useRef as Hi}from"react";var Ve=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),H=Ve;var qe=e=>H(e)==="array",w=qe;var Je=e=>H(e)==="object",g=Je;var Ge=e=>e?.$$typeof&&typeof e.$$typeof=="symbol"&&e.$$typeof.description?.indexOf("react.")===0,F=Ge;var Qe=e=>e?.__v_isVNode,ue=Qe;var Xe=(e,t)=>Object.prototype.hasOwnProperty.call(e??{},t),L=Xe;var se=e=>{if(!w(e)&&!g(e))return e;let t=w(e)?[]:{};for(let r in e)if(L(e,r)){let o=e[r];t[r]=F(o)||ue(o)||typeof o!="object"?o:o!==e?se(o):"cyclic"}else Object.setPrototypeOf(t,{[r]:e[r]});return t},N=se;import{jsx as Xr}from"react/jsx-runtime";import{jsxs as ro}from"react/jsx-runtime";var Ke=e=>/^https?:\/\/[^\s/?.#]+\.[^\s]+/.test(e),$=Ke;var et=()=>{let e={};return{on:(a,i)=>{e[a]||(e[a]=[]),e[a].indexOf(i)===-1&&e[a].push(i)},emit:(a,i)=>{e[a]&&e[a].map(l=>l(i))},off:(a,i=null)=>{if(e[a]){if(typeof i!="function")return delete e[a];let l=e[a].indexOf(i);l>-1&&(e[a].splice(l,1),e[a].length||delete e[a])}}}},C=et;var pe=e=>{let t={};for(let r in e)L(e,r)||(t[r]=e[r]);return t},tt=(e,t)=>{if(!g(e))return t;if(!g(t))return e;let r={...pe(e),...pe(t)},o={...e,...t};return Object.keys(r).map(a=>{Object.setPrototypeOf(o,{[a]:r[a]})}),o},fe=tt;var rt=(e=C())=>{let{on:t,emit:r,off:o}=e,a={};return{getState:h=>N(a[h]),setState:(h,d=!1)=>{if(typeof h=="function"&&(h=h(N(a))),!g(h))throw TypeError("\u5FC5\u987B\u4F20\u5165object\u5BF9\u8C61\uFF01");let x=N(h);Object.keys(x).map(c=>{let f=a[c],p=x[c],v=g(p)&&g(f)?fe(f,p):p;!d&&r(c,v),a[c]=v})},subscribe:(h,d)=>(t(h,d),()=>o(h,d)),unsubscribe:o,clean:h=>{typeof h=="string"?a[h]=void 0:Array.isArray(h)?h.map(d=>a[d]=void 0):Object.keys(a).map(d=>a[d]=void 0)}}},_=rt;import{useState as ot,useEffect as at,useCallback as Z}from"react";var it=e=>(t,r)=>{let[o,a]=ot(()=>{let n=e?.getState(t);return n!==void 0?n:(r!==void 0&&e?.setState({[t]:r},!0),r)}),i=Z(n=>e?.setState({[t]:typeof n=="function"?n(e?.getState(t)):n}),[]),l=Z(n=>e?.subscribe(t,n),[]),u=Z((n=n)=>e?.clean(n),[]);return at(()=>{e?.subscribe(t,n=>a(n))},[]),[o,i,l,u]},D=it;var nt=_(),ko=D(nt),bo=C(),wo=C();var ht=e=>w(e)&&!!e.length,K=ht;var st=C(),dt=e=>{let{on:t,emit:r,off:o}=st;return{on:a=>t(e,a),emit:a=>r(e,a),off:a=>o(e,a)}},ee=dt;var pt=(e=_())=>(t,r)=>{let{getState:o,setState:a,subscribe:i,unsubscribe:l,clean:u}=e;return r!==void 0&&a({[t]:r},!0),{getState:()=>o(t),setState:(n,h)=>a({[t]:n},h),subscribe:n=>i(t,n),unsubscribe:()=>l(t),clean:()=>u(t)}},U=pt;var ft=_(),xt=U(ft),xe=xt;var ge=ee("push-emitter"),gt=ee("replace-emitter"),B=xe("route-store"),ye=C(),me=_(ye),te=U(me),A=D(me);var yt=()=>![typeof window,typeof document].includes("undefined"),re=yt;import{Suspense as Va}from"react";import mt from"react";var j=class extends mt.Component{state={error:null};static getDerivedStateFromError(t){return{error:t}}componentDidCatch(t,r){let{errorReport:o}=this.props;typeof o=="function"&&o({error:t,info:r.componentStack})}componentDidUpdate(t,r){r.error&&this.setState({error:null})}render(){let{error:t}=this.state,{fallback:r,children:o}=this.props;return t?r?.(t)??t:o}};import{jsx as fa}from"react/jsx-runtime";window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("cab66a")){let e=document.createElement("style");e.textContent="@keyframes before{0%{width:0.6rem;box-shadow:1.2rem -0.6rem #ff3e38,-1.2rem 0.6rem #318ffa}35%{width:3rem;box-shadow:0 -0.6rem #ff3e38,0 0.6rem #318ffa}70%{width:0.6rem;box-shadow:-1.2rem -0.6rem #ff3e38,1.2rem 0.6rem #318ffa}100%{box-shadow:1.2rem -0.6rem #ff3e38,-1.2rem 0.6rem #318ffa}}@keyframes after{0%{height:0.6rem;box-shadow:0.6rem 1.2rem #6ce581,-0.6rem -1.2rem #fecb2e}35%{height:3rem;box-shadow:0.6rem 0 #6ce581,-0.6rem 0 #fecb2e}70%{height:0.6rem;box-shadow:0.6rem -1.2rem #6ce581,-0.6rem 1.2rem #fecb2e}100%{box-shadow:0.6rem 1.2rem #6ce581,-0.6rem -1.2rem #fecb2e}}.spinner{position:relative;height:100%;min-height:100px;display:block;overflow:hidden;pointer-events:auto;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:hsla(0,0%,72%,0.24)}.spinner.absolute{position:absolute;min-height:auto}.spinner.global{position:fixed;width:100vw;height:100vh}.spinner .spinning{width:3rem;height:3rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(165deg);margin:0}.spinner .spinning::before,.spinner .spinning::after{content:'';position:absolute;top:50%;left:50%;display:block;width:0.6rem;height:0.6rem;border-radius:0.3rem;transform:translate(-50%,-50%)}.spinner .spinning::before{animation:before 1.5s infinite}.spinner .spinning::after{animation:after 1.5s infinite}",document.head.appendChild(e),window.__HY__.add("cab66a")}import{jsx as va}from"react/jsx-runtime";import{useEffect as $a}from"react";import{useState as Sa,useRef as Pa,useCallback as La}from"react";import{useEffect as wa,useRef as Ca,useCallback as za}from"react";import{jsx as Ta}from"react/jsx-runtime";import{jsx as Ka}from"react/jsx-runtime";window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("5c4655")){let e=document.createElement("style");e.textContent=".link{text-decoration:none;cursor:pointer;color:var(--linkColor);background-color:transparent;font-weight:500;transition:color 0.3s}.link:active,.link.active{color:var(--linkActiveColor,#42a5f5)}.link:hover{color:var(--linkHoverColor,#2196f3)}.link[disabled]{cursor:not-allowed;opacity:0.7}.link[disabled]:active,.link[disabled].active,.link[disabled]:hover{color:var(--linkColor)}",document.head.appendChild(e),window.__HY__.add("5c4655")}import{jsx as Gi}from"react/jsx-runtime";import{useState as Zi,useEffect as Ki}from"react";var un=B.getState,sn=B.subscribe;import{useEffect as St}from"react";var wt=e=>H(e).indexOf("element")>-1,ve=wt;var Ct=(e=null)=>re()?ve(e)?{width:e.clientWidth,height:e.clientHeight}:{width:window.innerWidth??document.documentElement.clientWidth,height:window.innerHeight??document.documentElement.clientHeight}:{width:0,height:0},oe=Ct;import{useEffect as zt,useState as Ht,useCallback as _t,useRef as Wt}from"react";var It=(e={})=>{let t=Wt(0),[r,o]=Ht(e),a=_t(i=>{cancelAnimationFrame(t.current),t.current=requestAnimationFrame(()=>o(i))},[]);return zt(()=>()=>cancelAnimationFrame(t.current),[]),[r,a]},ke=It;var Pt=()=>{let[e,t]=ke(oe());return St(()=>{let r=()=>t(oe());return window.addEventListener("resize",r,!1),()=>window.removeEventListener("resize",r,!1)},[]),e},V=Pt;import{useMemo as hr}from"react";import{useEffect as Yt,useRef as We}from"react";var Lt=(e,t,r="id",o="children")=>{if(!w(e))return null;let a=i=>{for(let l=0,u=i.length;l<u;l++){let n=i[l];if(n[r]===t)return[n];if(w(n[o])){let h=a(n[o]);if(h)return[n].concat(h)}}};return a(e)},be=Lt;import{useCallback as Bt,useState as Rt}from"react";var Et=e=>++e,Nt=()=>{let[,e]=Rt(0);return Bt(()=>e(Et),[])},we=Nt;import{jsx as m,jsxs as ae}from"react/jsx-runtime";var $t=({to:e,preventDefault:t,stopPropagation:r,...o})=>t?m("span",{...o}):m("a",{href:e,...o}),At=({item:e,...t})=>m("ul",{...t}),Mt=(e,...t)=>{let r={};return Object.keys(e).filter(Boolean).map(o=>{r[o]=a=>e[o](a,...t)}),r},Ce=({data:e=[],events:t={},List:r=At,Link:o=$t,leftIcon:a,rightIcon:i,isHorizontal:l,isCollapsed:u,level:n=0,parentOpen:h=!0})=>{let d=u&&!n,x=!l&&!u&&!h;return e.map(c=>{let{name:f,path:p,icon:v,rightIcon:k,active:y,open:O,children:T,linkProps:R}=c,X=K(T),z=c.id||`${p}${c.childSameRouteLevel??""}`,Y=d?c.title??f:void 0,P=x?"hidden":"",I=v??a,b=k??i,E=I?m("div",{className:"node-left-icon",children:I===!0?m("i",{className:"default-left-icon"}):I}):null,ce=f?m("div",{className:"node-text",children:m("span",{children:f})}):null;if(X){let Ue=Mt(t,c,n),je=[P,O?"open":""].filter(Boolean).join(" ");return ae("li",{className:je,"has-children":"true",...Ue,children:[ae(o,{title:Y,className:`link${y?" active":""}`,to:p,preventDefault:!0,stopPropagation:!1,...R,children:[E,ce,b?m("div",{className:"node-right-icon",children:b===!0?m("i",{className:"default-right-icon"}):b}):null]}),m(r,{item:c,children:Ce({data:T,events:t,List:r,Link:o,leftIcon:a,rightIcon:i,isHorizontal:l,isCollapsed:u,level:n+1,parentOpen:!!O})})]},z)}return m("li",{className:P,children:ae(o,{title:Y,className:`link${y?" active":""}`,to:p,...R,children:[E,ce]})},z)})},ze=Ce;import{jsx as Tt}from"react/jsx-runtime";var He=e=>{let{children:t,open:r}=e,o=0;if(r&&t?.length){o=t.length;let a=0;return t.map(i=>a+=He(i)),o+a}return o},Ot=({item:e,style:t,...r})=>Tt("ul",{style:{...t,"--count":He(e)},...r}),_e=Ot;window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("e6480a")){let e=document.createElement("style");e.textContent=".node-right-icon-close{height:100%;width:var(--rightIconWidth);position:absolute;top:0}.node-right-icon-close .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.node-right-icon-close .default-right-icon::before,.node-right-icon-close .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.node-right-icon-close .default-right-icon::before{left:0}.node-right-icon-close .default-right-icon::after{left:calc(1px * 0.7)}.node-right-icon-close .default-right-icon::before,.node-right-icon-close .default-right-icon::after{top:calc(50%+var(--pos))}.node-right-icon-close .default-right-icon::before{transform:rotate(135deg)}.node-right-icon-close .default-right-icon::after{transform:rotate(45deg)}.node-right-icon-open{height:100%;width:var(--rightIconWidth);position:absolute;top:0}.node-right-icon-open .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.node-right-icon-open .default-right-icon::before,.node-right-icon-open .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.node-right-icon-open .default-right-icon::before{left:0}.node-right-icon-open .default-right-icon::after{left:calc(1px * 0.7)}.node-right-icon-open .default-right-icon::before,.node-right-icon-open .default-right-icon::after{top:calc(50% - var(--pos))}.node-right-icon-open .default-right-icon::before{transform:rotate(225deg)}.node-right-icon-open .default-right-icon::after{transform:rotate(-45deg)}.hide-scrollbar{scrollbar-width:none;scrollbar-color:transparent transparent}.hide-scrollbar::-webkit-scrollbar{display:none}.huxy-tree{--topBar:0px;--downBar:var(--footerHeight,0);--width:var(--menuWidth,100%);--bgColor:var(--menuBgColor,transparent);--itemHeight:var(--menuItemHeight,40px);--nodeListWidth:var(--collapseMenuWidth,200px);--treeBorderColor:var(--borderColor,rgba(0,0,0,0.06));--subItemHeight:calc(var(--itemHeight) - 3px);--leftIconWidth:38px;--rightIconWidth:24px;--trackWidth:15px;--collapsedWidth:var(--collapseWidth,60px);--ulPadding:2px 0;--ulPosition:calc(100%+8px);--arrowPosition:16px;position:relative;height:calc(100% - var(--topBar) - var(--downBar));overflow:hidden}.huxy-tree .huxy-tree-track{width:calc(100%+var(--trackWidth));height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scrollbar-color:transparent transparent}.huxy-tree .huxy-tree-track::-webkit-scrollbar{display:none}.huxy-tree .huxy-tree-track .huxy-tree-root{width:calc(100% - var(--trackWidth));min-height:100%;padding:var(--ulPadding);margin:0}.huxy-tree .huxy-tree-track .huxy-tree-root>li>.link{padding-left:6px;font-size:1.3rem}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03)}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>.link{padding-left:22px;font-size:1.2rem}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03)}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul>li>.link{padding-left:38px;font-size:1.1rem}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul>li>ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03)}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul>li>ul>li>.link{padding-left:54px;font-size:1rem}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul>li>ul>li>ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03)}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul>li>ul>li>ul>li>.link{padding-left:70px;font-size:0.9rem}.huxy-tree .huxy-tree-track .huxy-tree-root>li>ul>li>ul>li>ul>li>ul>li>ul{box-shadow:0 1px 4px rgba(0,0,0,0.08) inset;background-color:hsla(0,0%,0%,0.03)}.huxy-tree .huxy-tree-track .huxy-tree-root li{user-select:none;position:relative}.huxy-tree .huxy-tree-track .huxy-tree-root li[has-children='true']>.link.active{background-color:hsla(0,0%,0%,0.02)}.huxy-tree .huxy-tree-track .huxy-tree-root li[has-children='true']>.link.active::after{display:none}.huxy-tree .huxy-tree-track .huxy-tree-root li[has-children='true']>.link .node-text{padding-right:calc(var(--rightIconWidth)+5px)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link{position:relative;display:block;height:var(--subItemHeight);line-height:var(--subItemHeight);text-decoration:none;transition:all 0.3s}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link::after{content:'';display:block;position:absolute;left:0px;bottom:0;top:auto;height:3px;width:calc(100% - 0px * 2);background-color:currentColor;transform:scale(0);transition:transform 0.3s}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link.active::after{transform:scale(1);transition:transform 0.3s}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link::after{left:0;bottom:0;top:0;height:100%;width:3px}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link.active{background-color:hsla(0,0%,0%,0.02)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link:hover{background-color:hsla(0,0%,0%,0.03)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon{display:block;position:absolute;top:0;width:var(--leftIconWidth);height:var(--subItemHeight);line-height:var(--subItemHeight);text-align:center}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon .default-left-icon:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:currentColor;opacity:0.7;left:50%;top:50%;transform:translate(-2px,-2px)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon+.node-text{padding-left:var(--leftIconWidth)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon>*{vertical-align:middle}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text{display:block;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon{right:0;height:100%;width:var(--rightIconWidth);position:absolute;top:0}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before{left:0}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{left:calc(1px * 0.7)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{top:calc(50%+var(--pos))}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before{transform:rotate(135deg)}.huxy-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{transform:rotate(45deg)}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before{left:0}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7)}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before,.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos))}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before{transform:rotate(225deg)}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{transform:rotate(-45deg)}.huxy-tree .huxy-tree-track .huxy-tree-root li.open>ul{height:calc(var(--subItemHeight) * var(--count))}.huxy-tree .huxy-tree-track .huxy-tree-root li.hidden{display:none}.huxy-tree .huxy-tree-track .huxy-tree-root li>ul{--count:0;overflow:hidden;height:0;transition:height 0.3s}.huxy-tree .huxy-tree-track .huxy-tree-root>li>.link{border-bottom:1px solid rgba(0,0,0,0.03);height:var(--itemHeight);line-height:var(--itemHeight)}.huxy-tree .huxy-tree-track .huxy-tree-root>li>.link .node-left-icon{height:var(--itemHeight);line-height:var(--itemHeight)}.collapsed.huxy-tree{width:var(--collapsedWidth)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root{width:var(--collapsedWidth)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>.link{padding-left:0px;position:relative}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>.link::after{content:'';display:block;position:absolute;left:0px;bottom:0;top:auto;height:3px;width:calc(100% - 0px * 2);background-color:currentColor;transform:scale(0);transition:transform 0.3s}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>.link.active::after{transform:scale(1);transition:transform 0.3s}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul{overflow:visible;height:auto;position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;top:0;left:var(--ulPosition);width:var(--nodeListWidth);padding:var(--ulPadding);opacity:0.99;border-radius:2px;transform:scale(0);transform-origin:0 0;transition:0.3s transform}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::before{border-width:6px}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::after{border-width:5px}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::after{left:auto;right:100%}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::before{top:var(--arrowPosition);border-right-color:var(--treeBorderColor)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li>ul::after{top:calc(var(--arrowPosition)+1px);border-right-color:var(--bgColor)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before{left:0}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos))}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before{transform:rotate(225deg)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{transform:rotate(-45deg)}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root li:hover>ul{transform:scale(1);transition:0.3s transform}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root>li{z-index:10001}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root>li>.link .node-text,.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root>li>.link .node-right-icon{display:none}.collapsed.huxy-tree .huxy-tree-track .huxy-tree-root>li>.link .node-left-icon{width:var(--collapsedWidth);font-size:1.6rem}.huxy-horizontal-tree{--bgColor:var(--navBgColor,transparent);--itemHeight:var(--menuItemHeight,40px);--nodeListWidth:var(--collapseMenuWidth,200px);--treeBorderColor:var(--borderColor,rgba(0,0,0,0.06));--subItemHeight:calc(var(--itemHeight) - 3px);--leftIconWidth:38px;--rightIconWidth:24px;--itemPadding:0 8px;--nodeFloat:auto;--ulPadding:2px 0;--ulPosition:calc(100%+8px);--arrowPosition:16px;position:relative;border-top:1px solid var(--treeBorderColor);float:var(--nodeFloat)}.huxy-horizontal-tree .huxy-tree-track{max-width:100%;height:100%;margin:0 auto;scrollbar-width:none;scrollbar-color:transparent transparent}.huxy-horizontal-tree .huxy-tree-track::-webkit-scrollbar{display:none}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root{float:var(--nodeFloat);width:max-content;padding:0 10px;margin:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root::after{clear:both;content:'';display:block;height:0;visibility:hidden}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li{user-select:none;position:relative}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li[has-children='true']>.link.active{background-color:hsla(0,0%,0%,0.02)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li[has-children='true']>.link.active::after{display:none}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li[has-children='true']>.link .node-text{padding-right:calc(var(--rightIconWidth)+5px)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link{position:relative;display:block;height:var(--subItemHeight);line-height:var(--subItemHeight);text-decoration:none;transition:all 0.3s}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link::after{content:'';display:block;position:absolute;left:0px;bottom:0;top:auto;height:3px;width:calc(100% - 0px * 2);background-color:currentColor;transform:scale(0);transition:transform 0.3s}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link.active::after{transform:scale(1);transition:transform 0.3s}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link.active{background-color:hsla(0,0%,0%,0.02)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link:hover{background-color:hsla(0,0%,0%,0.03)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon{display:block;position:absolute;top:0;width:var(--leftIconWidth);height:var(--subItemHeight);line-height:var(--subItemHeight);text-align:center}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon .default-left-icon:after{content:'';position:absolute;width:4px;height:4px;border-radius:100%;background:currentColor;opacity:0.7;left:50%;top:50%;transform:translate(-2px,-2px)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon+.node-text{padding-left:var(--leftIconWidth)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-left-icon>*{vertical-align:middle}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0;right:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before{left:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{left:calc(1px * 0.7)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{top:calc(50%+var(--pos))}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::before{transform:rotate(135deg)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>.link .node-text+.node-right-icon .default-right-icon::after{transform:rotate(45deg)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before{left:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos))}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::before{transform:rotate(225deg)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li.open>.link .node-right-icon .default-right-icon::after{transform:rotate(-45deg)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;top:0;left:var(--ulPosition);right:auto;width:var(--nodeListWidth);padding:var(--ulPadding);opacity:0.99;transform:scale(0);transform-origin:0 0;transition:0.3s transform}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::before{border-width:6px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::after{border-width:5px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::after{left:auto;right:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::before{top:var(--arrowPosition);border-right-color:var(--treeBorderColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul::after{top:calc(var(--arrowPosition)+1px);border-right-color:var(--bgColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);left:auto;right:var(--ulPosition);position:absolute;transform-origin:100% 0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::before{border-width:6px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::after{border-width:5px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::after{right:auto;left:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::before{top:var(--arrowPosition);border-left-color:var(--treeBorderColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li>ul.left::after{top:calc(var(--arrowPosition)+1px);border-left-color:var(--bgColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon{height:100%;width:var(--rightIconWidth);position:absolute;top:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px;width:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before{left:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{left:calc(1px * 0.7)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{top:calc(50% - var(--pos))}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::before{transform:rotate(225deg)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>.link .node-right-icon .default-right-icon::after{transform:rotate(-45deg)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root li:hover>ul{transform:scale(1);transition:0.3s transform}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li{float:left;padding:var(--itemPadding);z-index:10001}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li::before{content:'';position:absolute;left:0;top:calc(50% - 10px);height:20px;width:1px;background-color:rgba(0,0,0,0.02)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>.link{height:var(--itemHeight);line-height:var(--itemHeight)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>.link .node-left-icon{height:var(--itemHeight);line-height:var(--itemHeight)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;top:var(--ulPosition);left:0;transform-origin:50% 0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::before{border-width:8px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::after{border-width:7px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::after{top:auto;bottom:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::before{left:16px;border-bottom-color:var(--treeBorderColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul::after{left:calc(16px+1px);border-bottom-color:var(--bgColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left{position:relative;background:var(--bgColor);border:1px solid var(--treeBorderColor);position:absolute;left:auto;right:0}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::before{border-width:6px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::after{border-width:5px}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::before,.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::after{left:auto;top:auto;bottom:100%}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::before{right:10px;border-bottom-color:var(--treeBorderColor)}.huxy-horizontal-tree .huxy-tree-track .huxy-tree-root>li>ul.left::after{right:calc(10px+1px);border-bottom-color:var(--bgColor)}",document.head.appendChild(e),window.__HY__.add("e6480a")}import{jsx as M}from"react/jsx-runtime";var Ft=e=>M("ul",{...e}),Dt=(e,t)=>e?_e:({item:r,...o})=>M(Ft,{className:t==="right"?"left":"",...o}),Ut=e=>{let{data:t=[],collapsed:r=!1,type:o="vertical",Link:a,width:i,bgColor:l,itemHeight:u,collapsedWidth:n,itemPadding:h,style:d,className:x,...c}=e,f=We(),p=We();Yt(()=>()=>clearTimeout(f.current),[]);let v=we(),k=o==="horizontal",y=!k&&r,O={onClick:(P,I)=>{if(P.stopPropagation(),!k&&!y){let b=be(t,I.path,"path"),E=b[b.length-1];E.open=!E.open,v()}},onMouseEnter:(P,I,b)=>{y&&!b&&(clearTimeout(f.current),p.current.style.width="var(--maxWidth)")},onMouseLeave:(P,I,b)=>{y&&!b&&(f.current=setTimeout(()=>p.current.style.width="",200))}},T=(k?["huxy-horizontal-tree",x]:["huxy-tree",x,y?"collapsed":""]).filter(Boolean).join(" "),{float:R,...X}=c?.style??{},z={"--bgColor":l,"--itemHeight":u,"--nodeListWidth":i,...X};k?(z["--itemPadding"]=h,z["--nodeFloat"]=R):(z["--width"]=i,z["--collapsedWidth"]=n);let Y=Dt(!k&&!y,R);return M("div",{ref:p,className:T,style:z,...c,children:M("div",{className:"huxy-tree-track",children:M("ul",{className:"huxy-tree-root",children:ze({data:t,events:O,List:Y,Link:a,leftIcon:!0,rightIcon:!0,isHorizontal:k,isCollapsed:y})})})})},q=Ut;import{useState as tr,useRef as rr}from"react";import{useEffect as Vt}from"react";var jt=e=>{let t=typeof e=="function"?e():e;return L(t,"current")},Ie=jt;var qt=(e,t,r="click")=>{Vt(()=>{let o=i=>{let l=typeof e=="function"?e():e,u=Ie(l)?l.current:l;u?.contains&&!u.contains(i.target)&&t(i)},a=typeof r=="string"?[r]:r;return a.map(i=>{document.addEventListener(i,o,!1)}),()=>{a.map(i=>{document.removeEventListener(i,o,!1)})}},[e])},J=qt;import{useState as Qt,useEffect as Xt}from"react";var Jt=e=>new Promise((t,r)=>{let o=new FileReader;o.readAsDataURL(e),o.addEventListener("load",()=>t(o.result)),o.addEventListener("error",a=>r(a))}),Se=Jt;var Gt=async e=>{if(!$(e))return e;let r=await(await fetch(decodeURIComponent(e))).blob();return await Se(r)},Pe=Gt;var Zt=e=>{let[t,r]=Qt(e);return Xt(()=>{(async a=>{let i=await Pe(a);r(i)})(e)},[e]),t},Le=Zt;import{jsx as er}from"react/jsx-runtime";var Kt=({src:e,...t})=>{let r=Le(e);return er("img",{...t,src:r})},Be=Kt;import{Fragment as nr,jsx as s,jsxs as G}from"react/jsx-runtime";var Re=({Ricon:e,open:t})=>e===!0?s("i",{className:`huxy-header-angle-${t?"top":"bt"}`}):s(e,{status:t}),or=({img:e,name:t,icon:r,Ricon:o,open:a})=>e?G("div",{className:"avatar",children:[s("div",{className:"img",children:s(Be,{src:e,width:"1",height:"1",crossOrigin:"anonymous",alt:"avatar"})}),t?s("span",{className:"txt",children:t}):null,o?s("span",{className:"node-icon",children:s(Re,{Ricon:o,open:a})}):null]}):G(nr,{children:[r?s("span",{className:"node-icon",children:r}):null,t?s("span",{className:"txt",children:t}):null,o?s("span",{className:"node-icon",children:s(Re,{Ricon:o,open:a})}):null]}),Ee=({item:e,open:t})=>{let{Custom:r,img:o,name:a,icon:i,Ricon:l,active:u}=e;return typeof r=="function"?s(r,{item:e,className:"link"}):s("span",{className:`link${u?" active":""}`,title:e.title||a,children:s(or,{img:o,name:a,icon:i,Ricon:l,open:t})})},ar=({item:e,click:t})=>{let r=rr(),[o,a]=tr(!1);J(()=>r,c=>o&&a(!1));let{arrowDir:i,ChildRender:l,children:u,smShow:n}=e,h=u?.length,d=(c,f,p=null)=>{p===!1&&a(v=>!v),p&&(c.stopPropagation(),a(!1)),t(f,p)},x=n?"sm-show":"";return h||l?G("li",{ref:r,className:`${x} ${o?"open":""}`,onClick:c=>d(c,e,!1),children:[s(Ee,{item:e,open:o}),s("ul",{className:`huxy-header-arrow-${i||"rt"}`,children:h?u.map((c,f)=>s("li",{className:c.divider?"divider":"",children:G("span",{onClick:p=>d(p,c,!0),className:`link${c.active?" active":""}`,children:[c.icon?s("span",{className:"node-icon",children:c.icon}):null,s("span",{className:"drop-label",children:c.name})]})},`subItem-${f}-${c.key||c.name}`)):s("li",{children:s(l,{item:e,close:()=>a(!1)})})})]}):s("li",{onClick:c=>d(c,e),className:x,children:s(Ee,{item:e,open:o})})},ir=({list:e,click:t})=>s("ul",{children:e.map((r,o)=>s(ar,{click:t,item:r},`navItem-${o}-${r.key||r.name}`))}),ie=ir;import{jsx as W,jsxs as ne}from"react/jsx-runtime";var lr=e=>{let{leftList:t,rightList:r,handleNavClick:o,logo:a,title:i,Link:l}=e;return ne("div",{className:"header",children:[ne(l,{className:"banner",to:"/",children:[a?W("div",{className:"logo",children:W("img",{width:"1",height:"1",src:a,alt:"logo"})}):null,W("div",{className:"title",children:i??"Dashboard"})]}),W("div",{className:"nav",children:ne("div",{className:"nav-wrap",children:[W("div",{className:"nav-left",children:W(ie,{list:t,click:o})}),W("div",{className:"nav-right",children:W(ie,{list:r,click:o})})]})})]})},Ne=lr;window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("9b0694")){let e=document.createElement("style");e.textContent=".clear::after{clear:both;content:'';display:block;height:0;visibility:hidden}@keyframes huxy-header-animate-bottom-in{0%{opacity:0;visibility:hidden;transform:translate3d(0,25px,0)}100%{opacity:0.98;visibility:visible;transform:translate3d(0,2px,0)}}.huxy-header-angle-top{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px}.huxy-header-angle-top::before,.huxy-header-angle-top::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-header-angle-top::before{left:0}.huxy-header-angle-top::after{left:calc(1px * 0.7)}.huxy-header-angle-top::before,.huxy-header-angle-top::after{top:calc(50% - var(--pos))}.huxy-header-angle-top::before{transform:rotate(225deg)}.huxy-header-angle-top::after{transform:rotate(-45deg)}.huxy-header-angle-bt{--pos:calc(5px - 1px) / 2;position:relative;display:inline-block;font-style:normal;float:right;cursor:pointer;height:100%;width:10px}.huxy-header-angle-bt::before,.huxy-header-angle-bt::after{content:'';display:block;position:absolute;border-radius:1px;background-color:currentColor;height:1px;width:5px;left:0;transform-origin:100% 50% 0;transition:all 0.3s}.huxy-header-angle-bt::before{left:0}.huxy-header-angle-bt::after{left:calc(1px * 0.7)}.huxy-header-angle-bt::before,.huxy-header-angle-bt::after{top:calc(50%+var(--pos))}.huxy-header-angle-bt::before{transform:rotate(135deg)}.huxy-header-angle-bt::after{transform:rotate(45deg)}.huxy-header-arrow-lt{position:relative;background:var(--navBgColor);border:1px solid var(--borderColor);right:auto;left:0;z-index:10000}.huxy-header-arrow-lt::before,.huxy-header-arrow-lt::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.huxy-header-arrow-lt::before{border-width:8px}.huxy-header-arrow-lt::after{border-width:7px}.huxy-header-arrow-lt::before,.huxy-header-arrow-lt::after{top:auto;bottom:100%}.huxy-header-arrow-lt::before{left:16px;border-bottom-color:var(--borderColor)}.huxy-header-arrow-lt::after{left:calc(16px+1px);border-bottom-color:var(--navBgColor)}.huxy-header-arrow-rt{position:relative;background:var(--navBgColor);border:1px solid var(--borderColor);right:0;left:auto;z-index:10000}.huxy-header-arrow-rt::before,.huxy-header-arrow-rt::after{content:'';position:absolute;width:0;height:0;border:solid transparent}.huxy-header-arrow-rt::before{border-width:8px}.huxy-header-arrow-rt::after{border-width:7px}.huxy-header-arrow-rt::before,.huxy-header-arrow-rt::after{left:auto;top:auto;bottom:100%}.huxy-header-arrow-rt::before{right:16px;border-bottom-color:var(--borderColor)}.huxy-header-arrow-rt::after{right:calc(16px+1px);border-bottom-color:var(--navBgColor)}.header{--subMenuItemHeight:40px;max-width:var(--maxWidth);height:var(--headerHeight);line-height:var(--headerHeight);margin:0 auto;position:relative}.header .banner{color:var(--bannerLinkColor,var(--appLinkColor));position:absolute;top:0;left:0;width:var(--menuWidth);background:var(--bannerBgColor);z-index:1;height:100%;padding-left:15px;padding-right:10px;display:flex;transition:width 0.3s}.header .banner:hover{color:var(--bannerLinkColor,var(--appLinkColor))}.header .banner .logo{height:100%;font-size:0}.header .banner .logo>img{height:55%;width:auto}.header .banner .title{padding-left:5px;font-size:1.6rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .nav{padding-left:var(--menuWidth);transition:padding-left 0.3s}.header .nav .nav-wrap{padding:0 10px;position:relative;display:flex;box-shadow:var(--boxShadow)}.header .nav .nav-wrap::after{clear:both;content:'';display:block;height:0;visibility:hidden}.header .nav .nav-wrap .nav-left>ul,.header .nav .nav-wrap .nav-right>ul{margin:0}.header .nav .nav-wrap .nav-left>ul::after,.header .nav .nav-wrap .nav-right>ul::after{clear:both;content:'';display:block;height:0;visibility:hidden}.header .nav .nav-wrap .nav-left>ul>li,.header .nav .nav-wrap .nav-right>ul>li{position:relative;user-select:none}.header .nav .nav-wrap .nav-left>ul>li>.link,.header .nav .nav-wrap .nav-right>ul>li>.link{height:var(--headerHeight);display:block;text-align:center;cursor:pointer;padding:0 1.2rem;position:relative;transition:color 0.3s}.header .nav .nav-wrap .nav-left>ul>li>.link::before,.header .nav .nav-wrap .nav-right>ul>li>.link::before{content:'';position:absolute;left:0;top:calc(50% - 10px);height:20px;width:1px;background-color:rgba(0,0,0,0.02)}.header .nav .nav-wrap .nav-left>ul>li>.link .avatar,.header .nav .nav-wrap .nav-right>ul>li>.link .avatar{font-size:0;height:100%;display:flex;align-items:center}.header .nav .nav-wrap .nav-left>ul>li>.link .avatar .img,.header .nav .nav-wrap .nav-right>ul>li>.link .avatar .img{height:48%;max-height:46px;border-radius:100%;background-color:#f0f0f0f0;padding:1px;border:1px solid rgba(0,0,0,0.12);position:relative;transform-origin:50% 50%;transform:rotate(-42deg)}.header .nav .nav-wrap .nav-left>ul>li>.link .avatar .img::after,.header .nav .nav-wrap .nav-right>ul>li>.link .avatar .img::after{content:'';position:absolute;width:6px;height:6px;border-radius:100%;bottom:-3px;left:calc(50% - 2px);background-color:#21d86e}.header .nav .nav-wrap .nav-left>ul>li>.link .avatar .img img,.header .nav .nav-wrap .nav-right>ul>li>.link .avatar .img img{height:100%;width:auto;border-radius:100%;display:block;transform-origin:50% 50%;transform:rotate(42deg)}.header .nav .nav-wrap .nav-left>ul>li>.link .avatar .txt,.header .nav .nav-wrap .nav-right>ul>li>.link .avatar .txt{max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .nav .nav-wrap .nav-left>ul>li>.link .icon,.header .nav .nav-wrap .nav-right>ul>li>.link .icon{font-size:0;height:100%}.header .nav .nav-wrap .nav-left>ul>li>.link .icon img,.header .nav .nav-wrap .nav-right>ul>li>.link .icon img{height:25%;width:auto;max-height:24px;min-height:16px;filter:grayscale(0.1)}.header .nav .nav-wrap .nav-left>ul>li>.link .node-icon,.header .nav .nav-wrap .nav-right>ul>li>.link .node-icon,.header .nav .nav-wrap .nav-left>ul>li>.link .img,.header .nav .nav-wrap .nav-right>ul>li>.link .img{height:100%}.header .nav .nav-wrap .nav-left>ul>li>.link .node-icon+.txt,.header .nav .nav-wrap .nav-right>ul>li>.link .node-icon+.txt,.header .nav .nav-wrap .nav-left>ul>li>.link .img+.txt,.header .nav .nav-wrap .nav-right>ul>li>.link .img+.txt{margin-left:1rem}.header .nav .nav-wrap .nav-left>ul>li>.link .node-icon>*,.header .nav .nav-wrap .nav-right>ul>li>.link .node-icon>*,.header .nav .nav-wrap .nav-left>ul>li>.link .img>*,.header .nav .nav-wrap .nav-right>ul>li>.link .img>*{font-size:1.6rem;vertical-align:middle}.header .nav .nav-wrap .nav-left>ul>li>.link .txt,.header .nav .nav-wrap .nav-right>ul>li>.link .txt{display:inline-block;font-size:1.3rem}.header .nav .nav-wrap .nav-left>ul>li>.link .txt+.node-icon,.header .nav .nav-wrap .nav-right>ul>li>.link .txt+.node-icon{margin-left:1rem}.header .nav .nav-wrap .nav-left>ul>li ul,.header .nav .nav-wrap .nav-right>ul>li ul{position:absolute;top:100%;right:0;width:max-content;min-width:130px;box-shadow:0 2px 6px var(--borderColor);padding:2px 0;border-radius:2px;opacity:0;visibility:hidden;display:none}.header .nav .nav-wrap .nav-left>ul>li ul>li,.header .nav .nav-wrap .nav-right>ul>li ul>li{user-select:none}.header .nav .nav-wrap .nav-left>ul>li ul>li.divider,.header .nav .nav-wrap .nav-right>ul>li ul>li.divider{margin-top:4px;padding-top:4px;border-top:1px solid var(--borderColor)}.header .nav .nav-wrap .nav-left>ul>li ul>li .link,.header .nav .nav-wrap .nav-right>ul>li ul>li .link{display:flex;align-items:center;height:var(--subMenuItemHeight);line-height:var(--subMenuItemHeight);cursor:pointer;padding:0 1.5rem}.header .nav .nav-wrap .nav-left>ul>li ul>li .link .img,.header .nav .nav-wrap .nav-right>ul>li ul>li .link .img{font-size:0;height:100%;margin-right:1rem}.header .nav .nav-wrap .nav-left>ul>li ul>li .link .img img,.header .nav .nav-wrap .nav-right>ul>li ul>li .link .img img{height:40%;width:auto}.header .nav .nav-wrap .nav-left>ul>li ul>li .link .node-icon,.header .nav .nav-wrap .nav-right>ul>li ul>li .link .node-icon{display:inline-block;height:100%;margin-right:1rem;text-align:center}.header .nav .nav-wrap .nav-left>ul>li ul>li .link .node-icon img,.header .nav .nav-wrap .nav-right>ul>li ul>li .link .node-icon img{height:34%;width:auto}.header .nav .nav-wrap .nav-left>ul>li ul>li .link>.drop-label,.header .nav .nav-wrap .nav-right>ul>li ul>li .link>.drop-label{display:inline-block}.header .nav .nav-wrap .nav-left>ul>li ul>li .link:hover,.header .nav .nav-wrap .nav-right>ul>li ul>li .link:hover{background-color:#e6f7ff;color:#666}.header .nav .nav-wrap .nav-left>ul>li ul>li .link.active,.header .nav .nav-wrap .nav-right>ul>li ul>li .link.active{background-color:#e6f7ff;color:#666}.header .nav .nav-wrap .nav-left>ul>li.open ul,.header .nav .nav-wrap .nav-right>ul>li.open ul{display:block;animation:huxy-header-animate-bottom-in 0.22s forwards}.header .nav .nav-wrap .nav-left{float:left}.header .nav .nav-wrap .nav-left>ul{float:left}.header .nav .nav-wrap .nav-left>ul>li{float:left}.header .nav .nav-wrap .nav-right{flex:1;float:right}.header .nav .nav-wrap .nav-right>ul{float:right}.header .nav .nav-wrap .nav-right>ul>li{float:right}.collapsed .frame-header .header .banner{width:var(--collapseWidth);padding:0;justify-content:center;transition:width 0.3s}.collapsed .frame-header .header .banner .title{display:none}.collapsed .frame-header .header .nav{padding-left:var(--collapseWidth);transition:padding-left 0.3s}@media screen and (max-width:1024px){.header .banner{display:none}.header .nav{padding-left:0 !important}.header .nav .nav-wrap .nav-right>ul>li .link .avatar .txt{display:none}}@media screen and (max-width:768px){.header .nav{padding-left:0 !important}.header .nav .nav-wrap .nav-left>ul>li:not(.sm-show){display:none}.header .nav .nav-wrap .nav-right>ul>li:not(.sm-show){display:none}.header .nav .nav-wrap .nav-right>ul>li .link .avatar .txt{display:none}}",document.head.appendChild(e),window.__HY__.add("9b0694")}import{jsx as le,jsxs as sr}from"react/jsx-runtime";var cr=({language:e,...t})=>hr(()=>le(Ne,{...t}),[e]),ur=e=>{let{navMenu:t,headerStyle:r,navMenuStyle:o,Link:a,leftList:i,rightList:l,handleNavClick:u,logo:n,title:h,language:d}=e;return sr("header",{className:"frame-header",style:r,children:[i?.length||l?.length?le(cr,{Link:a,leftList:i,rightList:l,handleNavClick:(x,c)=>u(e,x,c),logo:n,title:h,language:d}):null,t?.length?le(q,{data:t,type:"horizontal",Link:a,style:o}):null]})},$e=ur;window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("f16dd5")){let e=document.createElement("style");e.textContent=".footer{height:var(--footerHeight);line-height:var(--footerHeight);box-shadow:0 0 6px 1px rgba(0,0,0,0.06);margin:0 auto;max-width:var(--maxWidth)}",document.head.appendChild(e),window.__HY__.add("f16dd5")}import{jsx as Ae}from"react/jsx-runtime";var dr=({Footer:e})=>Ae("div",{className:"footer",children:e?Ae(e,{}):"copyright \xA9 2020-2022"}),Me=dr;import{useRef as pr,useEffect as fr}from"react";import{jsx as Q,jsxs as gr}from"react/jsx-runtime";var xr=e=>{let{menu:t,MenuTop:r,MenuBottom:o,Link:a,inputPath:i,asideStyle:l}=e,[u,n]=A("huxy-collapse"),{width:h}=V(),d=pr();return J(()=>d,x=>{h<=1024&&u&&n(!1)}),fr(()=>{h<=1024&&u&&n(!1)},[i]),Q("aside",{className:"frame-aside",style:l,children:gr("div",{ref:d,style:{height:"100%"},children:[r&&Q(r,{...e}),Q(q,{data:t,collapsed:u&&h>1024,Link:a}),o&&Q(o,{collapsed:u,isSmall:h<=1024,setCollapsed:n})]})})},Oe=xr;import{useEffect as yr,useRef as Te,useState as mr}from"react";import{jsx as wr}from"react/jsx-runtime";var vr=380,kr=({inputPath:e,menuAnimate:t="ani-in"})=>{let r=Te(e.split("?")[0]),o=Te(),[a,i]=mr("");return yr(()=>{let l=e.split("?")[0];return l!==r.current&&(r.current=l,i(` ${t}`),o.current=setTimeout(()=>{i("")},vr)),()=>{clearTimeout(o.current),i("")}},[e]),a},br=e=>{let{inputPath:t,contentStyle:r,menuAnimate:o,children:a}=e,i=kr({inputPath:t,menuAnimate:o});return wr("div",{className:`page-content${i}`,style:r,children:a})},Ye=br;window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("8c4c16")){let e=document.createElement("style");e.textContent="@keyframes ani-fade-in{0%{opacity:0;display:none}1%{opacity:0;display:block}100%{opacity:1;display:block}}@keyframes ani-fade-out{0%{opacity:1;display:block}99%{opacity:0;display:block}100%{opacity:0;display:none}}@keyframes ani-scale-in{0%{transform:scale(0);display:none}1%{transform:scale(0);display:block}100%{transform:scale(1);display:block}}@keyframes ani-scale-out{0%{transform:scale(1);display:block}99%{transform:scale(0);display:block}100%{transform:scale(0);display:none}}@keyframes ani-left-in{0%{opacity:0;transform:translate3d(-72px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes ani-left-out{0%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(72px,0,0)}}@keyframes ani-top-in{0%{opacity:0.4;transform:translate(0,-72px)}100%{opacity:1;transform:translate(0,0)}}.page-container{--pageHeight:calc(var(--containerHeight) - var(--footerHeight) - var(--topHeight));min-height:var(--pageHeight);position:relative;background:var(--pageBgColor)}.page-container .page-content{--contentHeight:calc(var(--pageHeight) - var(--breadHeight) - var(--frame-spacing) * 2);padding:var(--frame-spacing)}.page-container .page-content.ani-in{overflow:hidden;animation:ani-left-in 0.4s forwards}.page-container .page-content.ani-out{overflow:hidden;animation:ani-left-out 0.4s forwards}",document.head.appendChild(e),window.__HY__.add("8c4c16")}import{jsx as S,jsxs as Fe}from"react/jsx-runtime";var Cr=e=>{let{menu:t,current:r,MainTop:o,children:a,inputPath:i,contentStyle:l,menuAnimate:u}=e,n=t?.length,h=u?u===!0?"ani-in":u:"";return Fe("div",{className:`frame-container${n?"":" no-sidebar"}`,children:[n?S(Oe,{...e}):null,S("div",{className:"frame-view",children:Fe("div",{className:"page-container",children:[o&&S(o,{current:r}),h?S(Ye,{inputPath:i,contentStyle:l,menuAnimate:h,children:a}):S("div",{className:"page-content",style:l,children:a})]})}),S("footer",{className:"frame-footer",children:S(Me,{...e})})]})},De=Cr;window.__HY__||(window.__HY__=new Set);if(!window.__HY__.has("a8e05b")){let e=document.createElement("style");e.textContent=".frame{--frame-spacing:1rem;--frame-radius:4px;--boxShadow:0 0 6px 1px rgba(0,0,0,0.06);transform:none;--topHeight:var(--headerHeight);--blur:0.3rem;--opacity:0.75;background:var(--appBgColor);color:var(--appColor)}.frame.no-header{--headerHeight:0px}.frame .frame-header{--linkColor:var(--headerLinkColor,var(--appLinkColor));--linkActiveColor:var(--headerLinkActiveColor,var(--appLinkActiveColor));--linkHoverColor:var(--headerLinkHoverColor,var(--appLinkHoverColor));backdrop-filter:blur(var(--blur));background:var(--navBgColor);position:fixed;top:0;left:0;right:0;z-index:10}.frame .frame-main{margin:0 auto;max-width:var(--maxWidth);padding-top:var(--topHeight);z-index:5}.frame .frame-main .frame-container{position:relative}.frame .frame-main .frame-container .frame-aside{--linkColor:var(--asideLinkColor,var(--appLinkColor));--linkActiveColor:var(--asideLinkActiveColor,var(--appLinkActiveColor));--linkHoverColor:var(--asideLinkHoverColor,var(--appLinkHoverColor));position:fixed;width:var(--menuWidth);top:var(--topHeight);bottom:0;z-index:6;background:var(--menuBgColor);transform:translate3d(0,0,0);transition:width 0.3s}.frame .frame-main .frame-container .frame-view{padding-left:calc(var(--menuWidth));transition:padding-left 0.3s}.frame .frame-main .frame-container .frame-footer{padding-left:calc(var(--menuWidth));transition:padding-left 0.3s;background:var(--panelBgColor)}.frame .frame-main .frame-container.no-sidebar .frame-view{padding-left:0}.frame .frame-main .frame-container.no-sidebar .frame-footer{padding-left:0;margin-left:calc(var(--maxWidth) / 2 - 50vw);margin-right:calc(var(--maxWidth) / 2 - 50vw)}.frame.collapsed .frame-main .frame-container .frame-aside,.frame.composeCollapsed .frame-main .frame-container .frame-aside{width:var(--collapseWidth);transition:width 0.3s}.frame.collapsed .frame-main .frame-container .frame-view,.frame.composeCollapsed .frame-main .frame-container .frame-view{padding-left:var(--collapseWidth);transition:padding-left 0.3s}.frame.collapsed .frame-main .frame-container .frame-footer,.frame.composeCollapsed .frame-main .frame-container .frame-footer{padding-left:calc(var(--collapseWidth));transition:padding-left 0.3s}.frame.horizontal,.frame.compose{--topHeight:calc(var(--headerHeight)+var(--menuItemHeight))}.frame.horizontal .frame-header .header .banner,.frame.compose .frame-header .header .banner{background:transparent;color:var(--linkColor)}.frame.horizontal .frame-header .header .banner:hover,.frame.compose .frame-header .header .banner:hover{color:var(--linkColor)}.frame.detached{--frame-spacing:0.8rem;--frame-radius:4px}@media screen and (max-width:1024px){.frame .frame-main .frame-container .frame-aside{width:0}.frame .frame-main .frame-container .frame-view{padding-left:0}.frame .frame-main .frame-container .frame-footer{padding-left:0}.frame.collapsed .frame-main .frame-container .frame-aside{width:var(--menuWidth);backdrop-filter:blur(var(--blur));background:var(--menuBgColor)}.frame.collapsed .frame-main .frame-container .frame-view{padding-left:0}.frame.collapsed .frame-main .frame-container .frame-footer{padding-left:0}}",document.head.appendChild(e),window.__HY__.add("a8e05b")}import{jsx as he,jsxs as _r}from"react/jsx-runtime";var zr=e=>{let{vertical:t,horizontal:r,menu:o,leftList:a,rightList:i}=e,{width:l}=V(),[u]=A("huxy-collapse"),n=l<=1024,h=n?o:t,d=n?[]:r,x=h?.length,c=d?.length,f=c&&x,p=f?"compose":c?"horizontal":u?"collapsed":"",v=f&&u?"composeCollapsed":"",k=a?.length||i?.length?"":"no-header",y=["frame",p,v,k].filter(Boolean).join(" ");return _r("div",{className:y,children:[he($e,{...e,navMenu:d}),he("main",{className:"frame-main",children:he(De,{...e,menu:h})})]})},Hr=zr;export{Hr as default};

package.json

 {
   "name": "@huxy/layout",
-  "version": "2.1.16",
+  "version": "2.1.17",
   "title": "layout",
@@ -5,0 +5,0 @@ "feature": "0.0.1",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Worsened metrics

Total package byte prevSize

62623

-3.54%

Lines of code

220

-2.22%

No dependency changes