@topthink/common 1.1.43 → 1.2.0

package/lib/index.js

@@ -1,10 +1,4 @@
-import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import i,{SubMenu as n,MenuItem as r}from"rc-menu";import{styled as o,useAsync as s,Loader as l,request as a,Unauthorized as d,Button as g}from"@topthink/components";export*from"@topthink/components";import{useRoutes as h,useLocation as u,Link as m,Navigate as p,BrowserRouter as v,Routes as f,Route as b,useNavigate as x}from"react-router-dom";export{Link,Navigate,Outlet,useLocation,useNavigate,useOutlet,useParams,useRoutes}from"react-router-dom";import*as w from"react";import y,{useMemo as _,useState as k,useEffect as z,useContext as L}from"react";import{Dropdown as N}from"react-bootstrap";import E from"query-string";import*as S from"path";import j from"classnames";import{intersection as I}from"lodash";const A=o.footer`
-
-`;function C(){return c(A,{children:c("div",{className:"container"})})}const O=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/";const i=[];for(const n of e){let{meta:e={},path:r="",children:o=[]}=n;if(e.hideInMenu)continue;const s=e.title;if(!s)continue;let l=!1;r.startsWith("http://")||r.startsWith("https://")||r.startsWith("/")?l=!0:r=`${t}/${r}`.replace(/\/{2,}/g,"/").replace(/\/$/,"");const a={title:s,icon:"string"==typeof e.icon?c("i",{className:`bi bi-${e.icon}`}):e.icon,path:r,isExternal:l,children:[]};!e.hideChildrenInMenu&&!l&&o.length>0&&(a.children=O(o,r)),i.push(a)}return i};var U;function R(){return R=Object.assign?Object.assign.bind():function(c){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(c[i]=t[i])}return c},R.apply(this,arguments)}const $=c=>w.createElement("svg",R({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},c),U||(U=w.createElement("g",{fill:"#888"},w.createElement("path",{d:"m8 3 1.793 1.793L6 8.586 7.414 10l3.793-3.793L13 8V3z"}),w.createElement("path",{d:"M11 11H5V5h2V3H3v10h10V9h-2z"})))),q=t=>t.map((t=>{const i=e(T,{children:[t.icon,t.title,t.isExternal&&c($,{})]});return t.children.length>0?c(n,{title:i,children:q(t.children)},t.path):c(r,{children:t.isExternal?c("a",{href:t.path,target:"_blank",children:i}):c(m,{to:t.path,children:i})},t.path)})),H=()=>({height:0}),M=c=>({height:c.scrollHeight}),P={motionName:"rc-menu-collapse",motionAppear:!0,onAppearStart:H,onAppearActive:M,onEnterStart:H,onEnterActive:M,onLeaveStart:M,onLeaveActive:H};function V(t){let{routes:i,basename:n,title:r}=t;const o=h(i),s=_((()=>function(c){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/";return O(c,e)}(i,n)),[i,n]),{pathname:l}=u(),a=_((()=>{const c=[];return l.split("/").reduce(((e,t)=>(e.length>1&&c.push(e.join("/")),[...e,t])),[]),c.push(l),c}),[l]),[d,g]=k([]);z((()=>{g(a.slice(0,-1))}),[a]);return e(W,{children:[e(F,{children:[c(K,{children:r}),c(G,{mode:"inline",motion:P,openKeys:d,onOpenChange:c=>{const e=c[c.length-1];g(c.filter((c=>e.startsWith(c))))},selectedKeys:a,children:q(s)})]}),e(B,{children:[c(D,{children:o}),c(C,{})]})]})}const W=o.div`
-  display: flex;
-  flex-wrap: nowrap;
-  width: 100%;
-`,F=o.nav`
+import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMenu as i,MenuItem as n}from"rc-menu";import{UNSAFE_RouteContext as o,useLocation as l,Outlet as s,Link as a,useMatches as d,useNavigate as h,Navigate as g,createBrowserRouter as u,RouterProvider as m}from"react-router-dom";export{Link,Navigate,Outlet,useLoaderData,useLocation,useMatches,useNavigate,useOutlet,useParams,useRevalidator,useRouteLoaderData,useRoutes}from"react-router-dom";import*as p from"react";import v,{useContext as f,useMemo as x,useState as b,useEffect as w}from"react";import{styled as y,useAsync as _,Unauthorized as k,Loader as z,Button as L,request as N}from"@topthink/components";export*from"@topthink/components";import{Dropdown as E}from"react-bootstrap";import S from"classnames";import{intersection as R}from"lodash";import j from"query-string";import*as I from"path";const A=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/";const r=[];for(const i of e){let{meta:e={},path:n="",children:o=[]}=i;if(e.hideInMenu)continue;const l=e.title;if(!l)continue;let s=!1;e.href?(s=!0,n=e.href):n=`${t}/${n}`.replace(/\/{2,}/g,"/").replace(/\/$/,"");const a={title:l,icon:"string"==typeof e.icon?c("i",{className:`bi bi-${e.icon}`}):e.icon,path:n,isExternal:s,children:[]};!e.hideChildrenInMenu&&!s&&o.length>0&&(a.children=A(o,n)),r.push(a)}return r};var C;function O(){return O=Object.assign?Object.assign.bind():function(c){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(c[r]=t[r])}return c},O.apply(this,arguments)}const U=c=>p.createElement("svg",O({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},c),C||(C=p.createElement("g",{fill:"#888"},p.createElement("path",{d:"m8 3 1.793 1.793L6 8.586 7.414 10l3.793-3.793L13 8V3z"}),p.createElement("path",{d:"M11 11H5V5h2V3H3v10h10V9h-2z"})))),$=t=>t.map((t=>{const r=e(W,{children:[t.icon,t.title,t.isExternal&&c(U,{})]});return t.children.length>0?c(i,{title:r,children:$(t.children)},t.path):c(n,{children:t.isExternal?c("a",{href:t.path,target:"_blank",children:r}):c(a,{to:t.path,children:r})},t.path)})),M=()=>({height:0}),q=c=>({height:c.scrollHeight}),H={motionName:"rc-menu-collapse",motionAppear:!0,onAppearStart:M,onAppearActive:q,onEnterStart:M,onEnterActive:q,onLeaveStart:q,onLeaveActive:M};function P(t){let{title:r,header:i,footer:n}=t;const{matches:a}=f(o),d=a[a.length-1],h=d?.pathnameBase||"/",g=d?.route.children||[],u=x((()=>function(c){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/";return A(c,e)}(g,h)),[g,h]),{pathname:m}=l(),p=x((()=>{const c=[];return m.split("/").reduce(((e,t)=>(e.length>1&&c.push(e.join("/")),[...e,t])),[]),c.push(m),c}),[m]),[v,y]=b([]);w((()=>{y(p.slice(0,-1))}),[p]);return i||(i=c(D,{children:r})),e(J,{children:[e(V,{children:[c(B,{children:i}),c(G,{mode:"inline",motion:H,openKeys:v,onOpenChange:c=>{const e=c[c.length-1];y(c.filter((c=>e.startsWith(c))))},selectedKeys:p,children:$(u)}),c(F,{children:n})]}),c(K,{children:c(T,{children:c(s,{})})})]})}const V=y.nav`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -14,22 +8,31 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import i,{SubMen
   border-right: 1px solid #e3e3e3;
   width: 230px;
   background-color: #f5f5f5;
-`,K=o.div`
-  padding: 10px 0;
-  height: 64px;
-  line-height: 44px;
-  text-indent: 24px;
+  display: flex;
+  flex-direction: column;
+`,D=y.div`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-size: 16px;
-`,B=o.div`
+`,B=y.div`
+  height: 64px;
+  display: flex;
+  align-items: center;
+  padding: 10px 8px 10px 24px;
+  border-bottom: 1px solid #e3e3e3;
+  flex-grow: 0;
+  flex-shrink: 0;
+`,F=y.div`
+  flex-grow: 0;
+  flex-shrink: 0;
+`,K=y.div`
   margin-left: 230px;
   flex: 1;
-`,D=o.main`
+`,T=y.main`
   min-height: calc(100vh - 54px);
   position: relative;
-`,T=o.div`
+`,W=y.div`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -40,10 +43,12 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import i,{SubMen
     min-width: 19px;
     text-align: center;
   }
-`,G=o(i)`
+`,G=y(r)`
   border: none;
   box-shadow: none;
-  padding: 0;
+  padding: 10px 0;
+  flex: 1;
+  overflow: auto;
 
   .rc-menu-item {
     display: flex;
@@ -177,13 +182,27 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import i,{SubMen
     }
   }
 
-`;function J(e){let{onLogin:t}=e;const{result:i}=s((async()=>{await t();const c=localStorage.getItem("redirect_uri");return c&&localStorage.removeItem("redirect_uri"),c||"/"}),[]);return i?c(p,{to:i,replace:!0}):c(l,{})}function Q(e){let{onLogout:t}=e;return s((async()=>{await t()}),[]),c(l,{})}const X=y.createContext({});function Y(t){const{basename:i="/",onLogin:n,onLogout:r,authentication:o,baseURL:s,userResolver:l}=t;s&&(a.defaults.baseURL=s),"token"===o&&a.interceptors.request.use((c=>{const e=localStorage.getItem("authorization");return e&&(c.headers={...c.headers,Authorization:`Bearer ${e}`}),c}));const g=c=>{window.location.pathname!==S.join(i,"/logout")&&localStorage.setItem("redirect_uri",function(c,e){return"/"===e?c:c.slice(e.length)}(window.location.pathname+window.location.search,i));const e=window.location.origin+S.join(i,"/login");window.location.href=E.stringifyUrl({url:c.url,query:{redirect_uri:e}})},h=async()=>{let c;if(n)c=await n();else{const e=E.parse(window.location.hash.substr(1));e.access_token&&(c=e.access_token)}"token"===o&&c&&localStorage.setItem("authorization",c)},u=async()=>{if(r)try{await r()}catch(c){c instanceof d&&g(c)}"token"===o&&localStorage.removeItem("authorization")};return function(t){let{children:n}=t;return c(X.Provider,{value:{userResolver:l,onUnauthorized:g},children:c(v,{basename:i,children:e(f,{children:[c(b,{path:"*",element:n}),c(b,{path:"login",element:c(J,{onLogin:h})}),c(b,{path:"logout",element:c(Q,{onLogout:u})})]})})})}}const Z=y.createContext(null),cc=function(e){let{children:t}=e;const[i,n]=k(null),{userResolver:r,onUnauthorized:o}=L(X);return s((async()=>{if(r)return r()}),[],{onError(c){c instanceof d&&o&&o(c)},onSuccess(c){c&&n(c)}}),i?c(Z.Provider,{value:[i,n],children:t}):c(l,{})};function ec(){const c=L(Z);if(!c)throw new Error("please use `useUser` in UserContext");return c}const tc=o.a`
+`,J=y.div`
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
+
+  &:has(&) {
+    > ${V} {
+      display: none;
+    }
+
+    > ${K} {
+      margin-left: 0;
+    }
+  }
+`;const Q=v.createContext({}),X=v.createContext(null),Y=function(){const[e,t]=b(null),{userResolver:r,onUnauthorized:i}=f(Q);return _((async()=>{if(r)return r()}),[],{onError(c){c instanceof k&&i&&i(c)},onSuccess(c){c&&t(c)}}),e?c(X.Provider,{value:[e,t],children:c(s,{})}):c(z,{})};function Z(){const c=f(X);if(!c)throw new Error("please use `useUser` in UserContext");return c}const cc=y.a`
   cursor: pointer;
-`;function ic(t){let{children:i,menus:n,className:r,logo:o=!0}=t;const[s]=ec();return c(nc,{className:j("navbar navbar-expand-lg navbar-light bg-white border-bottom sticky-top",r),children:e("div",{className:"container-fluid",children:[o&&c("a",{className:"navbar-brand",href:"https://www.topthink.com",children:c("img",{src:"data:image/svg+xml,%3csvg width='485' height='132' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 531.69 198.43%3b' version='1.1'%3e %3cstyle type='text/css'%3e.st0%7bfill:%233C60FF%3b%7d%3c/style%3e %3cg%3e %3ctitle%3ebackground%3c/title%3e %3crect fill='none' id='canvas_background' height='134' width='487' y='-1' x='-1'/%3e %3c/g%3e %3cg%3e %3ctitle%3eLayer 1%3c/title%3e %3cpath id='svg_1' d='m132.29%2c62.34c-1.19%2c-18.77 -10.34%2c-35.36 -24.11%2c-46.46c-11.15%2c-8.99 -25.34%2c-14.38 -40.79%2c-14.38c-0.55%2c0 -1.09%2c0.01 -1.63%2c0.02c-3.32%2c0.08 -6.57%2c0.41 -9.75%2c0.98c-30.49%2c5.38 -53.65%2c32 -53.65%2c64.04c0%2c1.87 0.08%2c3.73 0.24%2c5.57c2.5%2c29.51 24.7%2c53.4 53.41%2c58.47c2.38%2c0.42 4.8%2c0.72 7.26%2c0.86c0.83%2c0.05 1.66%2c0.09 2.5%2c0.11c0.54%2c0.01 1.08%2c0.02 1.63%2c0.02c34.04%2c0 61.97%2c-26.16 64.79%2c-59.46c0.16%2c-1.83 0.24%2c-3.69 0.24%2c-5.57c0%2c-1.42 -0.05%2c-2.82 -0.14%2c-4.2zm-76.27%2c32.5c-0.26%2c0.01 -0.53%2c0.01 -0.79%2c0.01c-14.56%2c0 -26.88%2c-9.57 -31.03%2c-22.76c-0.97%2c-3.08 -1.49%2c-6.35 -1.49%2c-9.75c0%2c-17.95 14.56%2c-32.52 32.51%2c-32.52c0.26%2c0 0.53%2c0 0.79%2c0.01c3.41%2c0.08 6.69%2c0.68 9.75%2c1.74c6.5%2c2.22 12.06%2c6.45 15.97%2c11.94c1.98%2c2.78 3.54%2c5.9 4.57%2c9.25c0.94%2c3.03 1.44%2c6.24 1.44%2c9.58l-9.75%2c0c0%2c-2.18 -0.31%2c-4.29 -0.88%2c-6.28c-0.92%2c-3.23 -2.55%2c-6.17 -4.69%2c-8.64c-1.86%2c-2.14 -4.12%2c-3.93 -6.65%2c-5.25c-2.93%2c-1.54 -6.24%2c-2.46 -9.75%2c-2.58c-0.26%2c-0.01 -0.52%2c-0.01 -0.79%2c-0.01c-12.57%2c0 -22.76%2c10.19 -22.76%2c22.76c0%2c3.49 0.79%2c6.8 2.19%2c9.75c3.65%2c7.69 11.49%2c13.01 20.57%2c13.01c0.27%2c0 0.53%2c-0.01 0.79%2c-0.01l0%2c9.75zm55.7%2c-17.92c-3.35%2c10.5 -13.18%2c18.09 -24.78%2c18.09c-3.13%2c0 -6.13%2c-0.55 -8.91%2c-1.57c-2.18%2c-0.8 -4.24%2c-1.88 -6.11%2c-3.21c-2.38%2c-1.68 -4.47%2c-3.76 -6.16%2c-6.13c-0.28%2c-0.39 -0.55%2c-0.79 -0.81%2c-1.2c-2.03%2c-3.2 -3.38%2c-6.87 -3.85%2c-10.82l9.87%2c0c0.33%2c1.71 0.92%2c3.32 1.74%2c4.8c1.61%2c2.91 4.09%2c5.26 7.09%2c6.72c0.57%2c0.28 1.15%2c0.53 1.76%2c0.73c1.68%2c0.6 3.49%2c0.92 5.37%2c0.92c7.92%2c0 14.52%2c-5.67 15.96%2c-13.17c0.2%2c-1 0.3%2c-2.04 0.3%2c-3.09c0%2c-2.37 -0.51%2c-4.63 -1.43%2c-6.67c-1.66%2c-3.71 -4.68%2c-6.68 -8.43%2c-8.28l3.54%2c-9.1c7.43%2c3.08 13.13%2c9.49 15.21%2c17.38c0.44%2c1.64 0.72%2c3.34 0.81%2c5.09c0.04%2c0.52 0.05%2c1.05 0.05%2c1.58c0%2c1.05 -0.07%2c2.07 -0.18%2c3.09c-0.18%2c1.68 -0.54%2c3.3 -1.04%2c4.84z' class='st0'/%3e %3cg id='svg_2'%3e %3cg id='svg_3'%3e %3crect id='svg_4' height='6.34' width='94.12' class='st0' y='20.46' x='163.29'/%3e %3c/g%3e %3cg id='svg_5'%3e %3cpath id='svg_6' d='m169.31%2c113.72l0%2c-6.34c6.49%2c0 11.77%2c-5.28 11.77%2c-11.77l0%2c-71.98l6.34%2c0l0%2c71.98c0%2c9.98 -8.12%2c18.11 -18.11%2c18.11z' class='st0'/%3e %3c/g%3e %3cg id='svg_7'%3e %3cpath id='svg_8' d='m255.49%2c91.27l-6.34%2c0l0%2c-38.2c0%2c-5.06 -4.12%2c-9.18 -9.18%2c-9.18l-19.37%2c0c-5.06%2c0 -9.18%2c4.12 -9.18%2c9.18l0%2c38.2l-6.34%2c0l0%2c-38.2c0%2c-8.55 6.96%2c-15.51 15.51%2c-15.51l19.38%2c0c8.55%2c0 15.51%2c6.96 15.51%2c15.51l0%2c38.2l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_9'%3e %3crect id='svg_10' height='17.09' width='6.34' class='st0' y='23.63' x='227.12'/%3e %3c/g%3e %3cg id='svg_11'%3e %3cpath id='svg_12' d='m206.43%2c113.84l-3.34%2c0l0%2c-6.34l3.34%2c0c6.3%2c0 12.9%2c-3.56 15.35%2c-8.29c3.49%2c-6.71 5.33%2c-14.25 5.33%2c-21.81l0%2c-26.13l6.34%2c0l0%2c26.13c0%2c8.58 -2.09%2c17.13 -6.05%2c24.74c-3.98%2c7.68 -13.57%2c11.7 -20.97%2c11.7z' class='st0'/%3e %3c/g%3e %3cg id='svg_13'%3e %3cpath id='svg_14' d='m257.48%2c113.84l-3.34%2c0c-7.4%2c0 -16.98%2c-4.02 -20.98%2c-11.7c-3.96%2c-7.61 -6.05%2c-16.16 -6.05%2c-24.74l6.34%2c0c0%2c7.56 1.84%2c15.1 5.33%2c21.81c2.46%2c4.73 9.06%2c8.29 15.35%2c8.29l3.34%2c0l0%2c6.34l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_15'%3e %3crect id='svg_16' height='6.34' width='42.87' class='st0' y='27.89' x='274.07'/%3e %3c/g%3e %3cg id='svg_17'%3e %3crect id='svg_18' height='61.38' width='6.34' class='st0' y='14.89' x='293.05'/%3e %3c/g%3e %3cg id='svg_19'%3e %3crect id='svg_20' height='6.34' width='33.26' class='st0' transform='matrix(0.11%2c-0.9939%2c0.9939%2c0.11%2c194.7608%2c392.0006) ' y='46.985071' x='325.728637'/%3e %3c/g%3e %3cg id='svg_21'%3e %3crect id='svg_22' height='33.26' width='6.34' class='st0' transform='matrix(0.9939%2c-0.11%2c0.11%2c0.9939%2c-7.5075%2c38.3801) ' y='37.060893' x='310.495485'/%3e %3c/g%3e %3cg id='svg_23'%3e %3cpath id='svg_24' d='m352.9%2c77.14l-15.15%2c0c-7.52%2c0 -13.64%2c-6.12 -13.64%2c-13.63l0%2c-29.61c0%2c-7.52 6.12%2c-13.64 13.64%2c-13.64l15.15%2c0c7.52%2c0 13.64%2c6.12 13.64%2c13.64l0%2c29.61c0%2c7.52 -6.12%2c13.63 -13.64%2c13.63zm-15.15%2c-50.54c-4.02%2c0 -7.3%2c3.27 -7.3%2c7.3l0%2c29.61c0%2c4.02 3.27%2c7.3 7.3%2c7.3l15.15%2c0c4.02%2c0 7.3%2c-3.27 7.3%2c-7.3l0%2c-29.61c0%2c-4.02 -3.27%2c-7.3 -7.3%2c-7.3l-15.15%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_25'%3e %3cg id='svg_26'%3e %3crect id='svg_27' height='6.34' width='17.8' class='st0' y='37.2' x='336.43'/%3e %3c/g%3e %3cg id='svg_28'%3e %3crect id='svg_29' height='6.34' width='17.8' class='st0' y='53.87' x='336.43'/%3e %3c/g%3e %3c/g%3e %3cg id='svg_30'%3e %3cpath id='svg_31' d='m352.7%2c113.84l-37.98%2c0c-8%2c0 -14.5%2c-6.51 -14.5%2c-14.5l0%2c-16.14l6.34%2c0l0%2c16.13c0%2c4.5 3.66%2c8.17 8.17%2c8.17l37.98%2c0l0%2c6.34l-0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_32'%3e %3crect id='svg_33' height='6.34' width='23.57' class='st0' transform='matrix(0.2529%2c-0.9675%2c0.9675%2c0.2529%2c114.4986%2c402.9877) ' y='83.698593' x='326.836101'/%3e %3c/g%3e %3cg id='svg_34'%3e %3crect id='svg_35' height='6.34' width='20.52' class='st0' y='86.2' x='321.58'/%3e %3c/g%3e %3cg id='svg_36'%3e %3crect id='svg_37' height='24.75' width='6.34' class='st0' transform='matrix(0.9556%2c-0.2946%2c0.2946%2c0.9556%2c-19.7967%2c122.424) ' y='75.874073' x='369.686666'/%3e %3c/g%3e %3cg id='svg_38'%3e %3crect id='svg_39' height='6.34' width='71.83' class='st0' y='20.46' x='395.51'/%3e %3c/g%3e %3cg id='svg_40'%3e %3crect id='svg_41' height='6.34' width='90.81' class='st0' y='57.44' x='386.02'/%3e %3c/g%3e %3cg id='svg_42'%3e %3cpath id='svg_43' d='m463.12%2c113.64l-56%2c0c-4.5%2c0 -8.59%2c-2.29 -10.94%2c-6.14c-2.35%2c-3.84 -2.52%2c-8.53 -0.46%2c-12.53l17.68%2c-35.81l5.64%2c2.89l-17.68%2c35.81c-1.04%2c2.02 -0.95%2c4.39 0.23%2c6.33c1.19%2c1.94 3.25%2c3.1 5.53%2c3.1l56%2c0c1.51%2c0 2.88%2c-0.71 3.74%2c-1.95c0.81%2c-1.16 1.03%2c-2.57 0.63%2c-3.91l-7.8%2c-12.34l5.36%2c-3.39l8.18%2c12.94l0.12%2c0.31c1.24%2c3.34 0.76%2c7.08 -1.28%2c10.01c-2.04%2c2.94 -5.39%2c4.68 -8.95%2c4.68z' class='st0'/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e",height:"30"})}),i,e(N,{navbar:!0,children:[c(N.Toggle,{as:tc,className:"nav-link",children:c("img",{className:"rounded-circle",width:"25",height:"25",src:s.avatar})}),c(N.Menu,{className:"shadow",children:n})]})]})})}const nc=o.header`
+`;function ec(t){let{children:r,menus:i,className:n,logo:o=!0}=t;const[l]=Z();return c(tc,{className:S("navbar navbar-expand-lg navbar-light bg-white border-bottom sticky-top",n),children:e("div",{className:"container-fluid",children:[o&&c("a",{className:"navbar-brand",href:"https://www.topthink.com",children:c("img",{src:"data:image/svg+xml,%3csvg width='485' height='132' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 531.69 198.43%3b' version='1.1'%3e %3cstyle type='text/css'%3e.st0%7bfill:%233C60FF%3b%7d%3c/style%3e %3cg%3e %3ctitle%3ebackground%3c/title%3e %3crect fill='none' id='canvas_background' height='134' width='487' y='-1' x='-1'/%3e %3c/g%3e %3cg%3e %3ctitle%3eLayer 1%3c/title%3e %3cpath id='svg_1' d='m132.29%2c62.34c-1.19%2c-18.77 -10.34%2c-35.36 -24.11%2c-46.46c-11.15%2c-8.99 -25.34%2c-14.38 -40.79%2c-14.38c-0.55%2c0 -1.09%2c0.01 -1.63%2c0.02c-3.32%2c0.08 -6.57%2c0.41 -9.75%2c0.98c-30.49%2c5.38 -53.65%2c32 -53.65%2c64.04c0%2c1.87 0.08%2c3.73 0.24%2c5.57c2.5%2c29.51 24.7%2c53.4 53.41%2c58.47c2.38%2c0.42 4.8%2c0.72 7.26%2c0.86c0.83%2c0.05 1.66%2c0.09 2.5%2c0.11c0.54%2c0.01 1.08%2c0.02 1.63%2c0.02c34.04%2c0 61.97%2c-26.16 64.79%2c-59.46c0.16%2c-1.83 0.24%2c-3.69 0.24%2c-5.57c0%2c-1.42 -0.05%2c-2.82 -0.14%2c-4.2zm-76.27%2c32.5c-0.26%2c0.01 -0.53%2c0.01 -0.79%2c0.01c-14.56%2c0 -26.88%2c-9.57 -31.03%2c-22.76c-0.97%2c-3.08 -1.49%2c-6.35 -1.49%2c-9.75c0%2c-17.95 14.56%2c-32.52 32.51%2c-32.52c0.26%2c0 0.53%2c0 0.79%2c0.01c3.41%2c0.08 6.69%2c0.68 9.75%2c1.74c6.5%2c2.22 12.06%2c6.45 15.97%2c11.94c1.98%2c2.78 3.54%2c5.9 4.57%2c9.25c0.94%2c3.03 1.44%2c6.24 1.44%2c9.58l-9.75%2c0c0%2c-2.18 -0.31%2c-4.29 -0.88%2c-6.28c-0.92%2c-3.23 -2.55%2c-6.17 -4.69%2c-8.64c-1.86%2c-2.14 -4.12%2c-3.93 -6.65%2c-5.25c-2.93%2c-1.54 -6.24%2c-2.46 -9.75%2c-2.58c-0.26%2c-0.01 -0.52%2c-0.01 -0.79%2c-0.01c-12.57%2c0 -22.76%2c10.19 -22.76%2c22.76c0%2c3.49 0.79%2c6.8 2.19%2c9.75c3.65%2c7.69 11.49%2c13.01 20.57%2c13.01c0.27%2c0 0.53%2c-0.01 0.79%2c-0.01l0%2c9.75zm55.7%2c-17.92c-3.35%2c10.5 -13.18%2c18.09 -24.78%2c18.09c-3.13%2c0 -6.13%2c-0.55 -8.91%2c-1.57c-2.18%2c-0.8 -4.24%2c-1.88 -6.11%2c-3.21c-2.38%2c-1.68 -4.47%2c-3.76 -6.16%2c-6.13c-0.28%2c-0.39 -0.55%2c-0.79 -0.81%2c-1.2c-2.03%2c-3.2 -3.38%2c-6.87 -3.85%2c-10.82l9.87%2c0c0.33%2c1.71 0.92%2c3.32 1.74%2c4.8c1.61%2c2.91 4.09%2c5.26 7.09%2c6.72c0.57%2c0.28 1.15%2c0.53 1.76%2c0.73c1.68%2c0.6 3.49%2c0.92 5.37%2c0.92c7.92%2c0 14.52%2c-5.67 15.96%2c-13.17c0.2%2c-1 0.3%2c-2.04 0.3%2c-3.09c0%2c-2.37 -0.51%2c-4.63 -1.43%2c-6.67c-1.66%2c-3.71 -4.68%2c-6.68 -8.43%2c-8.28l3.54%2c-9.1c7.43%2c3.08 13.13%2c9.49 15.21%2c17.38c0.44%2c1.64 0.72%2c3.34 0.81%2c5.09c0.04%2c0.52 0.05%2c1.05 0.05%2c1.58c0%2c1.05 -0.07%2c2.07 -0.18%2c3.09c-0.18%2c1.68 -0.54%2c3.3 -1.04%2c4.84z' class='st0'/%3e %3cg id='svg_2'%3e %3cg id='svg_3'%3e %3crect id='svg_4' height='6.34' width='94.12' class='st0' y='20.46' x='163.29'/%3e %3c/g%3e %3cg id='svg_5'%3e %3cpath id='svg_6' d='m169.31%2c113.72l0%2c-6.34c6.49%2c0 11.77%2c-5.28 11.77%2c-11.77l0%2c-71.98l6.34%2c0l0%2c71.98c0%2c9.98 -8.12%2c18.11 -18.11%2c18.11z' class='st0'/%3e %3c/g%3e %3cg id='svg_7'%3e %3cpath id='svg_8' d='m255.49%2c91.27l-6.34%2c0l0%2c-38.2c0%2c-5.06 -4.12%2c-9.18 -9.18%2c-9.18l-19.37%2c0c-5.06%2c0 -9.18%2c4.12 -9.18%2c9.18l0%2c38.2l-6.34%2c0l0%2c-38.2c0%2c-8.55 6.96%2c-15.51 15.51%2c-15.51l19.38%2c0c8.55%2c0 15.51%2c6.96 15.51%2c15.51l0%2c38.2l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_9'%3e %3crect id='svg_10' height='17.09' width='6.34' class='st0' y='23.63' x='227.12'/%3e %3c/g%3e %3cg id='svg_11'%3e %3cpath id='svg_12' d='m206.43%2c113.84l-3.34%2c0l0%2c-6.34l3.34%2c0c6.3%2c0 12.9%2c-3.56 15.35%2c-8.29c3.49%2c-6.71 5.33%2c-14.25 5.33%2c-21.81l0%2c-26.13l6.34%2c0l0%2c26.13c0%2c8.58 -2.09%2c17.13 -6.05%2c24.74c-3.98%2c7.68 -13.57%2c11.7 -20.97%2c11.7z' class='st0'/%3e %3c/g%3e %3cg id='svg_13'%3e %3cpath id='svg_14' d='m257.48%2c113.84l-3.34%2c0c-7.4%2c0 -16.98%2c-4.02 -20.98%2c-11.7c-3.96%2c-7.61 -6.05%2c-16.16 -6.05%2c-24.74l6.34%2c0c0%2c7.56 1.84%2c15.1 5.33%2c21.81c2.46%2c4.73 9.06%2c8.29 15.35%2c8.29l3.34%2c0l0%2c6.34l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_15'%3e %3crect id='svg_16' height='6.34' width='42.87' class='st0' y='27.89' x='274.07'/%3e %3c/g%3e %3cg id='svg_17'%3e %3crect id='svg_18' height='61.38' width='6.34' class='st0' y='14.89' x='293.05'/%3e %3c/g%3e %3cg id='svg_19'%3e %3crect id='svg_20' height='6.34' width='33.26' class='st0' transform='matrix(0.11%2c-0.9939%2c0.9939%2c0.11%2c194.7608%2c392.0006) ' y='46.985071' x='325.728637'/%3e %3c/g%3e %3cg id='svg_21'%3e %3crect id='svg_22' height='33.26' width='6.34' class='st0' transform='matrix(0.9939%2c-0.11%2c0.11%2c0.9939%2c-7.5075%2c38.3801) ' y='37.060893' x='310.495485'/%3e %3c/g%3e %3cg id='svg_23'%3e %3cpath id='svg_24' d='m352.9%2c77.14l-15.15%2c0c-7.52%2c0 -13.64%2c-6.12 -13.64%2c-13.63l0%2c-29.61c0%2c-7.52 6.12%2c-13.64 13.64%2c-13.64l15.15%2c0c7.52%2c0 13.64%2c6.12 13.64%2c13.64l0%2c29.61c0%2c7.52 -6.12%2c13.63 -13.64%2c13.63zm-15.15%2c-50.54c-4.02%2c0 -7.3%2c3.27 -7.3%2c7.3l0%2c29.61c0%2c4.02 3.27%2c7.3 7.3%2c7.3l15.15%2c0c4.02%2c0 7.3%2c-3.27 7.3%2c-7.3l0%2c-29.61c0%2c-4.02 -3.27%2c-7.3 -7.3%2c-7.3l-15.15%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_25'%3e %3cg id='svg_26'%3e %3crect id='svg_27' height='6.34' width='17.8' class='st0' y='37.2' x='336.43'/%3e %3c/g%3e %3cg id='svg_28'%3e %3crect id='svg_29' height='6.34' width='17.8' class='st0' y='53.87' x='336.43'/%3e %3c/g%3e %3c/g%3e %3cg id='svg_30'%3e %3cpath id='svg_31' d='m352.7%2c113.84l-37.98%2c0c-8%2c0 -14.5%2c-6.51 -14.5%2c-14.5l0%2c-16.14l6.34%2c0l0%2c16.13c0%2c4.5 3.66%2c8.17 8.17%2c8.17l37.98%2c0l0%2c6.34l-0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_32'%3e %3crect id='svg_33' height='6.34' width='23.57' class='st0' transform='matrix(0.2529%2c-0.9675%2c0.9675%2c0.2529%2c114.4986%2c402.9877) ' y='83.698593' x='326.836101'/%3e %3c/g%3e %3cg id='svg_34'%3e %3crect id='svg_35' height='6.34' width='20.52' class='st0' y='86.2' x='321.58'/%3e %3c/g%3e %3cg id='svg_36'%3e %3crect id='svg_37' height='24.75' width='6.34' class='st0' transform='matrix(0.9556%2c-0.2946%2c0.2946%2c0.9556%2c-19.7967%2c122.424) ' y='75.874073' x='369.686666'/%3e %3c/g%3e %3cg id='svg_38'%3e %3crect id='svg_39' height='6.34' width='71.83' class='st0' y='20.46' x='395.51'/%3e %3c/g%3e %3cg id='svg_40'%3e %3crect id='svg_41' height='6.34' width='90.81' class='st0' y='57.44' x='386.02'/%3e %3c/g%3e %3cg id='svg_42'%3e %3cpath id='svg_43' d='m463.12%2c113.64l-56%2c0c-4.5%2c0 -8.59%2c-2.29 -10.94%2c-6.14c-2.35%2c-3.84 -2.52%2c-8.53 -0.46%2c-12.53l17.68%2c-35.81l5.64%2c2.89l-17.68%2c35.81c-1.04%2c2.02 -0.95%2c4.39 0.23%2c6.33c1.19%2c1.94 3.25%2c3.1 5.53%2c3.1l56%2c0c1.51%2c0 2.88%2c-0.71 3.74%2c-1.95c0.81%2c-1.16 1.03%2c-2.57 0.63%2c-3.91l-7.8%2c-12.34l5.36%2c-3.39l8.18%2c12.94l0.12%2c0.31c1.24%2c3.34 0.76%2c7.08 -1.28%2c10.01c-2.04%2c2.94 -5.39%2c4.68 -8.95%2c4.68z' class='st0'/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e",height:"30"})}),r,e(E,{navbar:!0,children:[c(E.Toggle,{as:cc,className:"nav-link",children:c("img",{className:"rounded-circle",width:"25",height:"25",src:l.avatar})}),c(E.Menu,{className:"shadow",children:i})]})]})})}const tc=y.header`
   height: 54px;
-`;function rc(e){let{require:i,children:n,fallback:r}=e;const[o]=ec();let s=!1;return"function"==typeof i?s=i(o):("string"==typeof i&&(i=[i]),s=I(o.roles,i).length>0),s||(n=r),c(t,{children:n})}function oc(t){let{title:i,children:n,nav:r,extra:o}=t;return e(sc,{children:[c(lc,{children:e("div",{className:"container",children:[c(dc,{children:i}),r,c(gc,{children:o})]})}),c(ac,{className:"container",children:n})]})}const sc=o.div`
+`;function rc(e){let{require:r,children:i,fallback:n}=e;const[o]=Z();let l=!1;return"function"==typeof r?l=r(o):("string"==typeof r&&(r=[r]),l=R(o.roles,r).length>0),l||(i=n),c(t,{children:i})}function ic(t){let{title:r,children:i,nav:n,extra:o}=t;const l=d();return r||(r=l.reduceRight(((c,e)=>c||e?.handle?.title),r)),e(nc,{children:[c(oc,{children:e("div",{className:"container",children:[c(sc,{children:r}),n,c(ac,{children:o})]})}),c(lc,{className:"container",children:i})]})}const nc=y.div`
   width: 100%;
-`,lc=o.div`
+`,oc=y.div`
   background-color: #fff;
   display: flex;
 
@@ -212,13 +231,13 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import i,{SubMen
       }
     }
   }
-`,ac=o.div`
+`,lc=y.div`
   margin-top: 24px;
-`,dc=o.div`
+`,sc=y.div`
   font-size: 22px;
   line-height: 64px;
   height: 64px;
-`,gc=o.div`
+`,ac=y.div`
 
-`;function hc(e){let{to:t,replace:i,...n}=e,r=x();return c(g,{...n,onClick:c=>{c.preventDefault(),r(t,{replace:i})}})}export{rc as Access,oc as Content,C as Footer,ic as Header,hc as LinkButton,V as SiderLayout,cc as UserProvider,Y as createApplication,ec as useUser};
+`;function dc(e){let{to:t,replace:r,...i}=e,n=h();return c(L,{...i,onClick:c=>{c.preventDefault(),n(t,{replace:r})}})}function hc(e){let{onLogin:t}=e;const{result:r}=_((async()=>{await t();const c=localStorage.getItem("redirect_uri");return c&&localStorage.removeItem("redirect_uri"),c||"/"}),[]);return r?c(g,{to:r,replace:!0}):c(z,{})}function gc(e){let{onLogout:t}=e;return _((async()=>{await t()}),[]),c(z,{})}function uc(c){return c.map((c=>(c.children&&(c.children=uc(c.children)),c.handle={title:c.meta?.title,...c.handle},c)))}function mc(e){const{basename:t="/",onLogin:r,onLogout:i,authentication:n,baseURL:o,userResolver:l}=e;o&&(N.defaults.baseURL=o),"token"===n&&N.interceptors.request.use((c=>{const e=localStorage.getItem("authorization");return e&&(c.headers={...c.headers,Authorization:`Bearer ${e}`}),c}));const s=c=>{window.location.pathname!==I.join(t,"/logout")&&localStorage.setItem("redirect_uri",function(c,e){return"/"===e?c:c.slice(e.length)}(window.location.pathname+window.location.search,t));const e=window.location.origin+I.join(t,"/login");window.location.href=j.stringifyUrl({url:c.url,query:{redirect_uri:e}})},a=async()=>{let c;if(r)c=await r();else{const e=j.parse(window.location.hash.substr(1));e.access_token&&(c=e.access_token)}"token"===n&&c&&localStorage.setItem("authorization",c)},d=async()=>{if(i)try{await i()}catch(c){c instanceof k&&s(c)}"token"===n&&localStorage.removeItem("authorization")};return function(e){let{routes:r}=e;const i=u([{path:"*",element:c(Y,{}),children:uc(r)},{path:"login",element:c(hc,{onLogin:a})},{path:"logout",element:c(gc,{onLogout:d})}],{basename:t});return c(Q.Provider,{value:{userResolver:l,onUnauthorized:s},children:c(m,{router:i})})}}export{rc as Access,ic as Content,ec as Header,dc as LinkButton,P as SiderLayout,mc as createApplication,Z as useUser};
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/footer.tsx","../src/utils/get-menu-data.tsx","../src/images/external.svg","../src/layout/sider.tsx","../src/pages/login.tsx","../src/pages/logout.tsx","../src/utils/create-application.tsx","../src/components/user-provider.tsx","../src/components/header.tsx","../src/images/logo.svg","../src/components/access.tsx","../src/components/content.tsx","../src/components/link-button.tsx"],"sourcesContent":["import { styled } from '@topthink/components';\r\n\r\nconst FooterWrapper = styled.footer`\r\n\r\n`;\r\n\r\nexport default function Footer() {\r\n    return <FooterWrapper>\r\n        <div className='container'>\r\n\r\n        </div>\r\n    </FooterWrapper>;\r\n}\r\n","import type { RouteObject } from 'react-router-dom';\r\nimport { ReactNode } from 'react';\r\n\r\nexport interface MenuData {\r\n    path: string;\r\n    title: string;\r\n    icon?: ReactNode;\r\n    isExternal?: boolean;\r\n    children: MenuData[];\r\n}\r\n\r\nconst formatRelativePath = (\r\n    routes: RouteObject[],\r\n    parent: string = '/',\r\n): MenuData[] => {\r\n\r\n    const menus: MenuData[] = [];\r\n\r\n    for (const route of routes) {\r\n\r\n        let { meta = {}, path = '', children = [] } = route;\r\n\r\n        if (meta.hideInMenu) {\r\n            continue;\r\n        }\r\n\r\n        const title = meta.title;\r\n\r\n        if (!title) {\r\n            continue;\r\n        }\r\n\r\n        let isExternal = false;\r\n\r\n        if (path.startsWith('http://') || path.startsWith('https://') || path.startsWith('/')) {\r\n            isExternal = true;\r\n        } else {\r\n            path = `${parent}/${path}`.replace(/\\/{2,}/g, '/').replace(/\\/$/, '');\r\n        }\r\n\r\n        const icon = typeof meta.icon === 'string' ?\r\n            <i className={`bi bi-${meta.icon}`} /> : meta.icon;\r\n\r\n        const menu: MenuData = {\r\n            title,\r\n            icon,\r\n            path,\r\n            isExternal,\r\n            children: []\r\n        };\r\n\r\n        if (!meta.hideChildrenInMenu && !isExternal && children.length > 0) {\r\n            menu.children = formatRelativePath(children, path);\r\n        }\r\n\r\n        menus.push(menu);\r\n    }\r\n\r\n    return menus;\r\n};\r\n\r\nexport default function getMenuData(routes: RouteObject[], base: string = '/'): MenuData[] {\r\n    return formatRelativePath(routes, base);\r\n}\r\n","var img = \"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e %3cg fill='%23888'%3e %3cpath d='M8 3l1.793 1.793L6 8.586 7.414 10l3.793-3.793L13 8V3z'/%3e %3cpath d='M11 11H5V5h2V3H3v10h10V9h-2z'/%3e %3c/g%3e%3c/svg%3e\";\n  export default img;","import RcMenu, { MenuItem, SubMenu } from 'rc-menu';\r\nimport Footer from '../components/footer';\r\nimport { Link, RouteObject, useLocation, useRoutes } from 'react-router-dom';\r\nimport { useEffect, useMemo, useState } from 'react';\r\nimport getMenuData, { MenuData } from '../utils/get-menu-data';\r\nimport type { CSSMotionProps } from 'rc-motion';\r\nimport { styled } from '@topthink/components';\r\nimport { ReactComponent as ExternalIcon } from '../images/external.svg';\r\n\r\ninterface Props {\r\n    title: string;\r\n    routes: RouteObject[];\r\n    basename: string;\r\n}\r\n\r\nconst renderMenuItems = (items: MenuData[]) => {\r\n    return items.map((item) => {\r\n\r\n        const title = <Title>\r\n            {item.icon}\r\n            {item.title}\r\n            {item.isExternal && <ExternalIcon />}\r\n        </Title>;\r\n\r\n        if (item.children.length > 0) {\r\n            return <SubMenu title={title} key={item.path}>\r\n                {renderMenuItems(item.children)}\r\n            </SubMenu>;\r\n        } else {\r\n            return <MenuItem key={item.path}>\r\n                {item.isExternal ?\r\n                    <a href={item.path} target='_blank'>{title}</a> :\r\n                    <Link to={item.path}>{title}</Link>\r\n                }\r\n            </MenuItem>;\r\n        }\r\n    });\r\n};\r\n\r\nconst collapseNode = () => {\r\n    return { height: 0 };\r\n};\r\nconst expandNode = (node: HTMLElement) => {\r\n    return { height: node.scrollHeight };\r\n};\r\n\r\nconst motion: CSSMotionProps = {\r\n    motionName: 'rc-menu-collapse',\r\n    motionAppear: true,\r\n    onAppearStart: collapseNode,\r\n    onAppearActive: expandNode,\r\n    onEnterStart: collapseNode,\r\n    onEnterActive: expandNode,\r\n    onLeaveStart: expandNode,\r\n    onLeaveActive: collapseNode,\r\n};\r\n\r\n\r\nexport default function SiderLayout({ routes, basename, title }: Props) {\r\n\r\n    const children = useRoutes(routes);\r\n\r\n    const menu = useMemo(() => getMenuData(routes, basename), [routes, basename]);\r\n\r\n    const { pathname } = useLocation();\r\n\r\n    const selectedKeys = useMemo(() => {\r\n        const keys: string[] = [];\r\n        const parts = pathname.split('/');\r\n        parts.reduce<string[]>((pre, curr) => {\r\n            if (pre.length > 1) {\r\n                keys.push(pre.join('/'));\r\n            }\r\n            return [...pre, curr];\r\n        }, []);\r\n        keys.push(pathname);\r\n        return keys;\r\n    }, [pathname]);\r\n\r\n    const [openKeys, setOpenKeys] = useState<string[]>([]);\r\n\r\n    useEffect(() => {\r\n        setOpenKeys(selectedKeys.slice(0, -1));\r\n    }, [selectedKeys]);\r\n\r\n    const onOpenChange = (openKeys: string[]) => {\r\n        const currentKey = openKeys[openKeys.length - 1];\r\n        setOpenKeys(openKeys.filter(key => currentKey.startsWith(key)));\r\n    };\r\n\r\n    return <Container>\r\n        <Sidebar>\r\n            <Header>{title}</Header>\r\n            <Menu\r\n                mode='inline'\r\n                motion={motion}\r\n                openKeys={openKeys}\r\n                onOpenChange={onOpenChange}\r\n                selectedKeys={selectedKeys}\r\n            >\r\n                {renderMenuItems(menu)}\r\n            </Menu>\r\n        </Sidebar>\r\n        <Content>\r\n            <Main>{children}</Main>\r\n            <Footer />\r\n        </Content>\r\n    </Container>;\r\n}\r\n\r\nconst Container = styled.div`\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  width: 100%;\r\n`;\r\n\r\nconst Sidebar = styled.nav`\r\n  position: fixed;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 100;\r\n  padding: 54px 0 0;\r\n  border-right: 1px solid #e3e3e3;\r\n  width: 230px;\r\n  background-color: #f5f5f5;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  padding: 10px 0;\r\n  height: 64px;\r\n  line-height: 44px;\r\n  text-indent: 24px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  font-size: 16px;\r\n`;\r\n\r\nconst Content = styled.div`\r\n  margin-left: 230px;\r\n  flex: 1;\r\n`;\r\n\r\nconst Main = styled.main`\r\n  min-height: calc(100vh - 54px);\r\n  position: relative;\r\n`;\r\n\r\nconst Title = styled.div`\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n\r\n  .bi {\r\n    font-size: 16px;\r\n    line-height: 18px;\r\n    min-width: 19px;\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nconst Menu = styled(RcMenu)`\r\n  border: none;\r\n  box-shadow: none;\r\n  padding: 0;\r\n\r\n  .rc-menu-item {\r\n    display: flex;\r\n\r\n    &:hover {\r\n      background-color: #f0f0f0;\r\n    }\r\n\r\n    a {\r\n      flex: 1;\r\n      text-decoration: none;\r\n      color: dimgray;\r\n    }\r\n  }\r\n\r\n  .rc-menu-sub {\r\n    background-color: #eee;\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n\r\n    & > li {\r\n      &:first-child {\r\n        margin-top: 4px;\r\n      }\r\n\r\n      &:last-child {\r\n        margin-bottom: 4px;\r\n      }\r\n    }\r\n\r\n    .rc-menu-item-selected {\r\n      background-color: #eee;\r\n      color: var(--bs-primary);\r\n\r\n      & > a {\r\n        color: var(--bs-primary);\r\n      }\r\n    }\r\n\r\n    .rc-menu-item {\r\n      &:hover {\r\n        background-color: #e7e7e7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .rc-menu-submenu {\r\n    & > .rc-menu-submenu-title {\r\n      &:hover {\r\n        background-color: #e7e7e7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .rc-menu-item-active,\r\n  .rc-menu-submenu-active > .rc-menu-submenu-title {\r\n    background-color: #eee;\r\n  }\r\n\r\n  .rc-menu-item,\r\n  .rc-menu-submenu > .rc-menu-submenu-title {\r\n    padding: 0 8px 0 24px;\r\n    font-size: 14px;\r\n    line-height: 36px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .rc-menu-sub > .rc-menu-item,\r\n  .rc-menu-sub > .rc-menu-submenu > .rc-menu-submenu-title {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .rc-menu-submenu-arrow {\r\n    line-height: 38px;\r\n  }\r\n\r\n  .rc-menu-item-selected {\r\n    background-color: #f5f5f5;\r\n    color: var(--bs-primary);\r\n\r\n    & > a {\r\n      color: var(--bs-primary);\r\n    }\r\n  }\r\n\r\n  .rc-menu-submenu-selected {\r\n    background-color: #eee;\r\n\r\n    & > .rc-menu-submenu-title {\r\n      color: var(--bs-primary);\r\n      font-weight: 500;\r\n    }\r\n  }\r\n\r\n  & > .rc-menu-item {\r\n    line-height: 38px;\r\n  }\r\n\r\n  & > .rc-menu-submenu {\r\n    &.rc-menu-submenu-selected {\r\n      background-color: #f5f5f5;\r\n    }\r\n\r\n    & > .rc-menu-submenu-title {\r\n      line-height: 38px;\r\n\r\n      &:hover {\r\n        background-color: #f0f0f0;\r\n      }\r\n    }\r\n\r\n    &.rc-menu-submenu-active > .rc-menu-submenu-title {\r\n      background-color: #f5f5f5;\r\n    }\r\n\r\n    & > .rc-menu-sub {\r\n      border-top: 1px solid #e6e6e6;\r\n      border-bottom: 1px solid #e6e6e6;\r\n\r\n      & > li {\r\n        &:first-child {\r\n          margin-top: 9px;\r\n        }\r\n\r\n        &:last-child {\r\n          margin-bottom: 9px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n`;\r\n","import { Loader, useAsync } from '@topthink/components';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface LoginProps {\r\n    onLogin: () => void | Promise<void>;\r\n}\r\n\r\nexport default function Login({ onLogin }: LoginProps) {\r\n    const { result } = useAsync(async () => {\r\n        await onLogin();\r\n\r\n        const redirectUri = localStorage.getItem('redirect_uri');\r\n        if (redirectUri) {\r\n            localStorage.removeItem('redirect_uri');\r\n        }\r\n        return redirectUri || '/';\r\n    }, []);\r\n\r\n    if (result) {\r\n        return <Navigate to={result} replace />;\r\n    }\r\n\r\n    return <Loader />;\r\n}\r\n","import { Loader, useAsync } from '@topthink/components';\r\n\r\ninterface LogoutProps {\r\n    onLogout: () => void | Promise<void>;\r\n}\r\n\r\nexport default function Logout({ onLogout }: LogoutProps) {\r\n    useAsync(async () => {\r\n        await onLogout();\r\n    }, []);\r\n\r\n    return <Loader />;\r\n}\r\n","import { BrowserRouter, Route, Routes } from 'react-router-dom';\r\nimport React, { PropsWithChildren } from 'react';\r\nimport Login from '../pages/login';\r\nimport Logout from '../pages/logout';\r\nimport queryString from 'query-string';\r\nimport { User } from './types';\r\nimport * as path from 'path';\r\nimport { request, Unauthorized } from '@topthink/components';\r\n\r\ntype UserResolver = () => User | Promise<User>\r\n\r\nexport const AppContext = React.createContext<{ userResolver?: UserResolver, onUnauthorized?: (error: Unauthorized) => void }>({});\r\n\r\nfunction stripBasename(pathname: string, basename: string) {\r\n    if (basename === '/') return pathname;\r\n\r\n    return pathname.slice(basename.length);\r\n}\r\n\r\ninterface Options {\r\n    baseURL?: string;\r\n    basename?: string;\r\n    authentication?: 'cookie' | 'token';\r\n    onLogout?: () => void | Promise<void>;\r\n    onLogin?: () => (void | string) | Promise<void | string>;\r\n    userResolver?: UserResolver;\r\n}\r\n\r\nexport default function createApplication(options: Options) {\r\n    const { basename = '/', onLogin, onLogout, authentication, baseURL, userResolver } = options;\r\n\r\n    if (baseURL) {\r\n        request.defaults.baseURL = baseURL;\r\n    }\r\n\r\n    if (authentication === 'token') {\r\n        request.interceptors.request.use(\r\n            config => {\r\n                const token = localStorage.getItem('authorization');\r\n\r\n                if (token) {\r\n                    config.headers = {\r\n                        ...config.headers,\r\n                        Authorization: `Bearer ${token}`\r\n                    };\r\n                }\r\n                return config;\r\n            }\r\n        );\r\n    }\r\n\r\n    const onUnauthorized = (error: Unauthorized) => {\r\n        if (window.location.pathname !== path.join(basename, '/logout')) {\r\n            localStorage.setItem('redirect_uri', stripBasename(window.location.pathname + window.location.search, basename));\r\n        }\r\n        const redirectUri = window.location.origin + path.join(basename, '/login');\r\n\r\n        window.location.href = queryString.stringifyUrl({\r\n            url: error.url,\r\n            query: { redirect_uri: redirectUri }\r\n        });\r\n    };\r\n\r\n    const handleLogin = async () => {\r\n        let token: string | void;\r\n        if (onLogin) {\r\n            token = await onLogin();\r\n        } else {\r\n            const parsed = queryString.parse(window.location.hash.substr(1));\r\n            if (parsed.access_token) {\r\n                token = parsed.access_token as string;\r\n            }\r\n        }\r\n\r\n        if (authentication === 'token' && token) {\r\n            localStorage.setItem('authorization', token);\r\n        }\r\n    };\r\n\r\n    const handleLogout = async () => {\r\n        if (onLogout) {\r\n            try {\r\n                await onLogout();\r\n            } catch (e) {\r\n                if (e instanceof Unauthorized) {\r\n                    onUnauthorized(e);\r\n                }\r\n            }\r\n        }\r\n\r\n        if (authentication === 'token') {\r\n            localStorage.removeItem('authorization');\r\n        }\r\n    };\r\n\r\n    return function({ children }: PropsWithChildren<any>) {\r\n        return <AppContext.Provider value={{ userResolver, onUnauthorized }}>\r\n            <BrowserRouter basename={basename}>\r\n                <Routes>\r\n                    <Route path='*' element={children} />\r\n                    <Route path='login' element={<Login onLogin={handleLogin} />} />\r\n                    <Route path='logout' element={<Logout onLogout={handleLogout} />} />\r\n                </Routes>\r\n            </BrowserRouter>\r\n        </AppContext.Provider>;\r\n    };\r\n}\r\n","import React, { PropsWithChildren, useContext, useState } from 'react';\r\nimport { User } from '../utils/types';\r\nimport { AppContext } from '../utils/create-application';\r\nimport { Loader, Unauthorized, useAsync } from '@topthink/components';\r\n\r\nexport const UserContext = React.createContext<[User, ((user: User) => void)] | null>(null);\r\n\r\nconst UserProvider = function({ children }: PropsWithChildren<any>) {\r\n    const [state, setState] = useState<User | null>(null);\r\n\r\n    const { userResolver, onUnauthorized } = useContext(AppContext);\r\n\r\n    useAsync(async () => {\r\n        if (userResolver) {\r\n            return userResolver();\r\n        }\r\n    }, [], {\r\n        onError(e) {\r\n            if (e instanceof Unauthorized && onUnauthorized) {\r\n                onUnauthorized(e);\r\n            }\r\n        },\r\n        onSuccess(user) {\r\n            if (user) {\r\n                setState(user);\r\n            }\r\n        }\r\n    });\r\n\r\n    if (!state) {\r\n        return <Loader />;\r\n    }\r\n\r\n    return <UserContext.Provider value={[state, setState]}>\r\n        {children}\r\n    </UserContext.Provider>;\r\n};\r\n\r\nexport function useUser() {\r\n    const context = useContext(UserContext);\r\n    if (!context) {\r\n        throw new Error('please use `useUser` in UserContext');\r\n    }\r\n\r\n    return context;\r\n}\r\n\r\nexport default UserProvider;\r\n","import logoSrc from '../images/logo.svg';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { PropsWithChildren, ReactNode } from 'react';\r\nimport { useUser } from './user-provider';\r\nimport classNames from 'classnames';\r\nimport { styled } from '@topthink/components';\r\n\r\nconst Avatar = styled.a`\r\n  cursor: pointer;\r\n`;\r\n\r\ninterface Props {\r\n    menus: ReactNode;\r\n    className?: string;\r\n    logo?: boolean;\r\n}\r\n\r\nexport default function Header({ children, menus, className, logo = true }: PropsWithChildren<Props>) {\r\n    const [user] = useUser();\r\n\r\n    return <Container\r\n        className={classNames('navbar navbar-expand-lg navbar-light bg-white border-bottom sticky-top', className)}>\r\n        <div className='container-fluid'>\r\n            {logo && <a className='navbar-brand' href='https://www.topthink.com'>\r\n                <img src={logoSrc} height='30' />\r\n            </a>}\r\n            {children}\r\n            <Dropdown navbar>\r\n                <Dropdown.Toggle as={Avatar} className='nav-link'>\r\n                    <img className='rounded-circle' width='25' height='25' src={user.avatar} />\r\n                </Dropdown.Toggle>\r\n                <Dropdown.Menu className={'shadow'}>\r\n                    {menus}\r\n                </Dropdown.Menu>\r\n            </Dropdown>\r\n        </div>\r\n    </Container>;\r\n}\r\n\r\nconst Container = styled.header`\r\n  height: 54px;\r\n`;\r\n","var img = \"data:image/svg+xml,%3csvg width='485' height='132' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 531.69 198.43%3b' version='1.1'%3e %3cstyle type='text/css'%3e.st0%7bfill:%233C60FF%3b%7d%3c/style%3e %3cg%3e %3ctitle%3ebackground%3c/title%3e %3crect fill='none' id='canvas_background' height='134' width='487' y='-1' x='-1'/%3e %3c/g%3e %3cg%3e %3ctitle%3eLayer 1%3c/title%3e %3cpath id='svg_1' d='m132.29%2c62.34c-1.19%2c-18.77 -10.34%2c-35.36 -24.11%2c-46.46c-11.15%2c-8.99 -25.34%2c-14.38 -40.79%2c-14.38c-0.55%2c0 -1.09%2c0.01 -1.63%2c0.02c-3.32%2c0.08 -6.57%2c0.41 -9.75%2c0.98c-30.49%2c5.38 -53.65%2c32 -53.65%2c64.04c0%2c1.87 0.08%2c3.73 0.24%2c5.57c2.5%2c29.51 24.7%2c53.4 53.41%2c58.47c2.38%2c0.42 4.8%2c0.72 7.26%2c0.86c0.83%2c0.05 1.66%2c0.09 2.5%2c0.11c0.54%2c0.01 1.08%2c0.02 1.63%2c0.02c34.04%2c0 61.97%2c-26.16 64.79%2c-59.46c0.16%2c-1.83 0.24%2c-3.69 0.24%2c-5.57c0%2c-1.42 -0.05%2c-2.82 -0.14%2c-4.2zm-76.27%2c32.5c-0.26%2c0.01 -0.53%2c0.01 -0.79%2c0.01c-14.56%2c0 -26.88%2c-9.57 -31.03%2c-22.76c-0.97%2c-3.08 -1.49%2c-6.35 -1.49%2c-9.75c0%2c-17.95 14.56%2c-32.52 32.51%2c-32.52c0.26%2c0 0.53%2c0 0.79%2c0.01c3.41%2c0.08 6.69%2c0.68 9.75%2c1.74c6.5%2c2.22 12.06%2c6.45 15.97%2c11.94c1.98%2c2.78 3.54%2c5.9 4.57%2c9.25c0.94%2c3.03 1.44%2c6.24 1.44%2c9.58l-9.75%2c0c0%2c-2.18 -0.31%2c-4.29 -0.88%2c-6.28c-0.92%2c-3.23 -2.55%2c-6.17 -4.69%2c-8.64c-1.86%2c-2.14 -4.12%2c-3.93 -6.65%2c-5.25c-2.93%2c-1.54 -6.24%2c-2.46 -9.75%2c-2.58c-0.26%2c-0.01 -0.52%2c-0.01 -0.79%2c-0.01c-12.57%2c0 -22.76%2c10.19 -22.76%2c22.76c0%2c3.49 0.79%2c6.8 2.19%2c9.75c3.65%2c7.69 11.49%2c13.01 20.57%2c13.01c0.27%2c0 0.53%2c-0.01 0.79%2c-0.01l0%2c9.75zm55.7%2c-17.92c-3.35%2c10.5 -13.18%2c18.09 -24.78%2c18.09c-3.13%2c0 -6.13%2c-0.55 -8.91%2c-1.57c-2.18%2c-0.8 -4.24%2c-1.88 -6.11%2c-3.21c-2.38%2c-1.68 -4.47%2c-3.76 -6.16%2c-6.13c-0.28%2c-0.39 -0.55%2c-0.79 -0.81%2c-1.2c-2.03%2c-3.2 -3.38%2c-6.87 -3.85%2c-10.82l9.87%2c0c0.33%2c1.71 0.92%2c3.32 1.74%2c4.8c1.61%2c2.91 4.09%2c5.26 7.09%2c6.72c0.57%2c0.28 1.15%2c0.53 1.76%2c0.73c1.68%2c0.6 3.49%2c0.92 5.37%2c0.92c7.92%2c0 14.52%2c-5.67 15.96%2c-13.17c0.2%2c-1 0.3%2c-2.04 0.3%2c-3.09c0%2c-2.37 -0.51%2c-4.63 -1.43%2c-6.67c-1.66%2c-3.71 -4.68%2c-6.68 -8.43%2c-8.28l3.54%2c-9.1c7.43%2c3.08 13.13%2c9.49 15.21%2c17.38c0.44%2c1.64 0.72%2c3.34 0.81%2c5.09c0.04%2c0.52 0.05%2c1.05 0.05%2c1.58c0%2c1.05 -0.07%2c2.07 -0.18%2c3.09c-0.18%2c1.68 -0.54%2c3.3 -1.04%2c4.84z' class='st0'/%3e %3cg id='svg_2'%3e %3cg id='svg_3'%3e %3crect id='svg_4' height='6.34' width='94.12' class='st0' y='20.46' x='163.29'/%3e %3c/g%3e %3cg id='svg_5'%3e %3cpath id='svg_6' d='m169.31%2c113.72l0%2c-6.34c6.49%2c0 11.77%2c-5.28 11.77%2c-11.77l0%2c-71.98l6.34%2c0l0%2c71.98c0%2c9.98 -8.12%2c18.11 -18.11%2c18.11z' class='st0'/%3e %3c/g%3e %3cg id='svg_7'%3e %3cpath id='svg_8' d='m255.49%2c91.27l-6.34%2c0l0%2c-38.2c0%2c-5.06 -4.12%2c-9.18 -9.18%2c-9.18l-19.37%2c0c-5.06%2c0 -9.18%2c4.12 -9.18%2c9.18l0%2c38.2l-6.34%2c0l0%2c-38.2c0%2c-8.55 6.96%2c-15.51 15.51%2c-15.51l19.38%2c0c8.55%2c0 15.51%2c6.96 15.51%2c15.51l0%2c38.2l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_9'%3e %3crect id='svg_10' height='17.09' width='6.34' class='st0' y='23.63' x='227.12'/%3e %3c/g%3e %3cg id='svg_11'%3e %3cpath id='svg_12' d='m206.43%2c113.84l-3.34%2c0l0%2c-6.34l3.34%2c0c6.3%2c0 12.9%2c-3.56 15.35%2c-8.29c3.49%2c-6.71 5.33%2c-14.25 5.33%2c-21.81l0%2c-26.13l6.34%2c0l0%2c26.13c0%2c8.58 -2.09%2c17.13 -6.05%2c24.74c-3.98%2c7.68 -13.57%2c11.7 -20.97%2c11.7z' class='st0'/%3e %3c/g%3e %3cg id='svg_13'%3e %3cpath id='svg_14' d='m257.48%2c113.84l-3.34%2c0c-7.4%2c0 -16.98%2c-4.02 -20.98%2c-11.7c-3.96%2c-7.61 -6.05%2c-16.16 -6.05%2c-24.74l6.34%2c0c0%2c7.56 1.84%2c15.1 5.33%2c21.81c2.46%2c4.73 9.06%2c8.29 15.35%2c8.29l3.34%2c0l0%2c6.34l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_15'%3e %3crect id='svg_16' height='6.34' width='42.87' class='st0' y='27.89' x='274.07'/%3e %3c/g%3e %3cg id='svg_17'%3e %3crect id='svg_18' height='61.38' width='6.34' class='st0' y='14.89' x='293.05'/%3e %3c/g%3e %3cg id='svg_19'%3e %3crect id='svg_20' height='6.34' width='33.26' class='st0' transform='matrix(0.11%2c-0.9939%2c0.9939%2c0.11%2c194.7608%2c392.0006) ' y='46.985071' x='325.728637'/%3e %3c/g%3e %3cg id='svg_21'%3e %3crect id='svg_22' height='33.26' width='6.34' class='st0' transform='matrix(0.9939%2c-0.11%2c0.11%2c0.9939%2c-7.5075%2c38.3801) ' y='37.060893' x='310.495485'/%3e %3c/g%3e %3cg id='svg_23'%3e %3cpath id='svg_24' d='m352.9%2c77.14l-15.15%2c0c-7.52%2c0 -13.64%2c-6.12 -13.64%2c-13.63l0%2c-29.61c0%2c-7.52 6.12%2c-13.64 13.64%2c-13.64l15.15%2c0c7.52%2c0 13.64%2c6.12 13.64%2c13.64l0%2c29.61c0%2c7.52 -6.12%2c13.63 -13.64%2c13.63zm-15.15%2c-50.54c-4.02%2c0 -7.3%2c3.27 -7.3%2c7.3l0%2c29.61c0%2c4.02 3.27%2c7.3 7.3%2c7.3l15.15%2c0c4.02%2c0 7.3%2c-3.27 7.3%2c-7.3l0%2c-29.61c0%2c-4.02 -3.27%2c-7.3 -7.3%2c-7.3l-15.15%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_25'%3e %3cg id='svg_26'%3e %3crect id='svg_27' height='6.34' width='17.8' class='st0' y='37.2' x='336.43'/%3e %3c/g%3e %3cg id='svg_28'%3e %3crect id='svg_29' height='6.34' width='17.8' class='st0' y='53.87' x='336.43'/%3e %3c/g%3e %3c/g%3e %3cg id='svg_30'%3e %3cpath id='svg_31' d='m352.7%2c113.84l-37.98%2c0c-8%2c0 -14.5%2c-6.51 -14.5%2c-14.5l0%2c-16.14l6.34%2c0l0%2c16.13c0%2c4.5 3.66%2c8.17 8.17%2c8.17l37.98%2c0l0%2c6.34l-0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_32'%3e %3crect id='svg_33' height='6.34' width='23.57' class='st0' transform='matrix(0.2529%2c-0.9675%2c0.9675%2c0.2529%2c114.4986%2c402.9877) ' y='83.698593' x='326.836101'/%3e %3c/g%3e %3cg id='svg_34'%3e %3crect id='svg_35' height='6.34' width='20.52' class='st0' y='86.2' x='321.58'/%3e %3c/g%3e %3cg id='svg_36'%3e %3crect id='svg_37' height='24.75' width='6.34' class='st0' transform='matrix(0.9556%2c-0.2946%2c0.2946%2c0.9556%2c-19.7967%2c122.424) ' y='75.874073' x='369.686666'/%3e %3c/g%3e %3cg id='svg_38'%3e %3crect id='svg_39' height='6.34' width='71.83' class='st0' y='20.46' x='395.51'/%3e %3c/g%3e %3cg id='svg_40'%3e %3crect id='svg_41' height='6.34' width='90.81' class='st0' y='57.44' x='386.02'/%3e %3c/g%3e %3cg id='svg_42'%3e %3cpath id='svg_43' d='m463.12%2c113.64l-56%2c0c-4.5%2c0 -8.59%2c-2.29 -10.94%2c-6.14c-2.35%2c-3.84 -2.52%2c-8.53 -0.46%2c-12.53l17.68%2c-35.81l5.64%2c2.89l-17.68%2c35.81c-1.04%2c2.02 -0.95%2c4.39 0.23%2c6.33c1.19%2c1.94 3.25%2c3.1 5.53%2c3.1l56%2c0c1.51%2c0 2.88%2c-0.71 3.74%2c-1.95c0.81%2c-1.16 1.03%2c-2.57 0.63%2c-3.91l-7.8%2c-12.34l5.36%2c-3.39l8.18%2c12.94l0.12%2c0.31c1.24%2c3.34 0.76%2c7.08 -1.28%2c10.01c-2.04%2c2.94 -5.39%2c4.68 -8.95%2c4.68z' class='st0'/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e\";\n  export default img;","import { ReactNode } from 'react';\r\nimport { intersection } from 'lodash';\r\nimport { useUser } from './user-provider';\r\nimport { User } from '../utils/types';\r\n\r\nexport interface AccessProps {\r\n    require?: string | string[] | ((user: User) => boolean);\r\n    fallback?: ReactNode;\r\n    children: ReactNode;\r\n}\r\n\r\nexport default function Access({\r\n    require,\r\n    children,\r\n    fallback\r\n}: AccessProps) {\r\n    const [user,] = useUser();\r\n    let passed = false;\r\n    if (typeof require === 'function') {\r\n        passed = require(user);\r\n    } else {\r\n        if (typeof require === 'string') {\r\n            require = [require];\r\n        }\r\n        passed = intersection(user.roles, require).length > 0;\r\n    }\r\n    if (!passed) {\r\n        children = fallback;\r\n    }\r\n\r\n    return <>{children}</>;\r\n}\r\n","import { styled } from '@topthink/components';\r\nimport { PropsWithChildren, ReactNode } from 'react';\r\n\r\ninterface ContentProps {\r\n    title: string;\r\n    nav?: ReactNode;\r\n    extra?: ReactNode;\r\n}\r\n\r\nexport default function Content({ title, children, nav, extra }: PropsWithChildren<ContentProps>) {\r\n\r\n    return <Container>\r\n        <Header>\r\n            <div className='container'>\r\n                <Title>\r\n                    {title}\r\n                </Title>\r\n                {nav}\r\n                <Extra>{extra}</Extra>\r\n            </div>\r\n        </Header>\r\n        <Body className='container'>\r\n            {children}\r\n        </Body>\r\n    </Container>;\r\n};\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  background-color: #fff;\r\n  display: flex;\r\n\r\n  .container {\r\n    padding: 0 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    .nav {\r\n      .nav-link {\r\n        position: relative;\r\n\r\n        &.active {\r\n          &:after {\r\n            content: '';\r\n            height: 2px;\r\n            background: var(--bs-primary);\r\n            display: block;\r\n            position: absolute;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            bottom: -2px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Body = styled.div`\r\n  margin-top: 24px;\r\n`;\r\n\r\nconst Title = styled.div`\r\n  font-size: 22px;\r\n  line-height: 64px;\r\n  height: 64px;\r\n`;\r\n\r\nconst Extra = styled.div`\r\n\r\n`;\r\n","import { LinkProps, useNavigate } from 'react-router-dom';\r\nimport { Button, ButtonProps } from '@topthink/components';\r\n\r\ninterface Props extends ButtonProps, Pick<LinkProps, 'to' | 'replace'> {\r\n\r\n}\r\n\r\nexport default function LinkButton({ to, replace, ...props }: Props) {\r\n    let navigate = useNavigate();\r\n\r\n    return <Button {...props} onClick={(e) => {\r\n        e.preventDefault();\r\n        navigate(to, { replace });\r\n    }} />;\r\n}\r\n"],"names":["FooterWrapper","styled","footer","Footer","_jsx","children","className","formatRelativePath","routes","parent","menus","route","meta","path","hideInMenu","title","isExternal","startsWith","replace","menu","icon","hideChildrenInMenu","length","push","_g","_extends","Object","assign","bind","target","i","arguments","source","key","prototype","hasOwnProperty","call","apply","this","SvgExternal","props","React","createElement","xmlns","width","height","fill","d","renderMenuItems","items","map","item","_jsxs","Title","ExternalIcon","SubMenu","MenuItem","href","Link","to","collapseNode","expandNode","node","scrollHeight","motion","motionName","motionAppear","onAppearStart","onAppearActive","onEnterStart","onEnterActive","onLeaveStart","onLeaveActive","SiderLayout","_ref","basename","useRoutes","useMemo","base","getMenuData","pathname","useLocation","selectedKeys","keys","split","reduce","pre","curr","join","openKeys","setOpenKeys","useState","useEffect","slice","Container","Sidebar","Header","Menu","mode","onOpenChange","currentKey","filter","Content","Main","div","nav","main","RcMenu","Login","onLogin","result","useAsync","async","redirectUri","localStorage","getItem","removeItem","Navigate","Loader","Logout","onLogout","AppContext","createContext","createApplication","options","authentication","baseURL","userResolver","request","defaults","interceptors","use","config","token","headers","Authorization","onUnauthorized","error","window","location","setItem","stripBasename","search","origin","queryString","stringifyUrl","url","query","redirect_uri","handleLogin","parsed","parse","hash","substr","access_token","handleLogout","e","Unauthorized","Provider","value","BrowserRouter","Routes","Route","element","UserContext","UserProvider","state","setState","useContext","onError","onSuccess","user","useUser","context","Error","Avatar","a","logo","classNames","src","Dropdown","navbar","Toggle","as","avatar","header","Access","require","fallback","passed","intersection","roles","_Fragment","extra","Extra","Body","LinkButton","navigate","useNavigate","Button","onClick","preventDefault"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/utils/get-menu-data.tsx","../src/images/external.svg","../src/layout/sider.tsx","../src/utils/app-context.tsx","../src/components/user-provider.tsx","../src/components/header.tsx","../src/images/logo.svg","../src/components/access.tsx","../src/components/content.tsx","../src/components/link-button.tsx","../src/pages/login.tsx","../src/pages/logout.tsx","../src/utils/transform-routes.ts","../src/utils/create-application.tsx"],"sourcesContent":["import type { RouteObject } from 'react-router-dom';\r\nimport { ReactNode } from 'react';\r\n\r\nexport interface MenuData {\r\n    path: string;\r\n    title: string;\r\n    icon?: ReactNode;\r\n    isExternal?: boolean;\r\n    children: MenuData[];\r\n}\r\n\r\nconst formatRelativePath = (\r\n    routes: RouteObject[],\r\n    parent: string = '/',\r\n): MenuData[] => {\r\n\r\n    const menus: MenuData[] = [];\r\n\r\n    for (const route of routes) {\r\n\r\n        let { meta = {}, path = '', children = [] } = route;\r\n\r\n        if (meta.hideInMenu) {\r\n            continue;\r\n        }\r\n\r\n        const title = meta.title;\r\n\r\n        if (!title) {\r\n            continue;\r\n        }\r\n\r\n        let isExternal = false;\r\n\r\n        if (meta.href) {\r\n            isExternal = true;\r\n            path = meta.href;\r\n        } else {\r\n            path = `${parent}/${path}`.replace(/\\/{2,}/g, '/').replace(/\\/$/, '');\r\n        }\r\n\r\n        const icon = typeof meta.icon === 'string' ?\r\n            <i className={`bi bi-${meta.icon}`} /> : meta.icon;\r\n\r\n        const menu: MenuData = {\r\n            title,\r\n            icon,\r\n            path,\r\n            isExternal,\r\n            children: []\r\n        };\r\n\r\n        if (!meta.hideChildrenInMenu && !isExternal && children.length > 0) {\r\n            menu.children = formatRelativePath(children, path);\r\n        }\r\n\r\n        menus.push(menu);\r\n    }\r\n\r\n    return menus;\r\n};\r\n\r\nexport default function getMenuData(routes: RouteObject[], base: string = '/'): MenuData[] {\r\n    return formatRelativePath(routes, base);\r\n}\r\n","var img = \"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e %3cg fill='%23888'%3e %3cpath d='M8 3l1.793 1.793L6 8.586 7.414 10l3.793-3.793L13 8V3z'/%3e %3cpath d='M11 11H5V5h2V3H3v10h10V9h-2z'/%3e %3c/g%3e%3c/svg%3e\";\n  export default img;","import RcMenu, { MenuItem, SubMenu } from 'rc-menu';\r\nimport { Link, Outlet, UNSAFE_RouteContext, useLocation } from 'react-router-dom';\r\nimport { ReactNode, useContext, useEffect, useMemo, useState } from 'react';\r\nimport getMenuData, { MenuData } from '../utils/get-menu-data';\r\nimport type { CSSMotionProps } from 'rc-motion';\r\nimport { styled } from '@topthink/components';\r\nimport { ReactComponent as ExternalIcon } from '../images/external.svg';\r\n\r\nconst renderMenuItems = (items: MenuData[]) => {\r\n    return items.map((item) => {\r\n\r\n        const title = <MenuTitle>\r\n            {item.icon}\r\n            {item.title}\r\n            {item.isExternal && <ExternalIcon />}\r\n        </MenuTitle>;\r\n\r\n        if (item.children.length > 0) {\r\n            return <SubMenu title={title} key={item.path}>\r\n                {renderMenuItems(item.children)}\r\n            </SubMenu>;\r\n        } else {\r\n            return <MenuItem key={item.path}>\r\n                {item.isExternal ?\r\n                    <a href={item.path} target='_blank'>{title}</a> :\r\n                    <Link to={item.path}>{title}</Link>\r\n                }\r\n            </MenuItem>;\r\n        }\r\n    });\r\n};\r\n\r\nconst collapseNode = () => {\r\n    return { height: 0 };\r\n};\r\nconst expandNode = (node: HTMLElement) => {\r\n    return { height: node.scrollHeight };\r\n};\r\n\r\nconst motion: CSSMotionProps = {\r\n    motionName: 'rc-menu-collapse',\r\n    motionAppear: true,\r\n    onAppearStart: collapseNode,\r\n    onAppearActive: expandNode,\r\n    onEnterStart: collapseNode,\r\n    onEnterActive: expandNode,\r\n    onLeaveStart: expandNode,\r\n    onLeaveActive: collapseNode,\r\n};\r\n\r\ninterface Props {\r\n    title?: string;\r\n    header?: ReactNode;\r\n    footer?: ReactNode;\r\n}\r\n\r\nexport default function SiderLayout({ title, header, footer }: Props) {\r\n\r\n    const { matches } = useContext(UNSAFE_RouteContext);\r\n\r\n    const routeMatch = matches[matches.length - 1];\r\n\r\n    const pathnameBase = routeMatch?.pathnameBase || '/';\r\n    const routes = routeMatch?.route.children || [];\r\n\r\n    const menu = useMemo(() => getMenuData(routes, pathnameBase), [routes, pathnameBase]);\r\n\r\n    const { pathname } = useLocation();\r\n\r\n    const selectedKeys = useMemo(() => {\r\n        const keys: string[] = [];\r\n        const parts = pathname.split('/');\r\n        parts.reduce<string[]>((pre, curr) => {\r\n            if (pre.length > 1) {\r\n                keys.push(pre.join('/'));\r\n            }\r\n            return [...pre, curr];\r\n        }, []);\r\n        keys.push(pathname);\r\n        return keys;\r\n    }, [pathname]);\r\n\r\n    const [openKeys, setOpenKeys] = useState<string[]>([]);\r\n\r\n    useEffect(() => {\r\n        setOpenKeys(selectedKeys.slice(0, -1));\r\n    }, [selectedKeys]);\r\n\r\n    const onOpenChange = (openKeys: string[]) => {\r\n        const currentKey = openKeys[openKeys.length - 1];\r\n        setOpenKeys(openKeys.filter(key => currentKey.startsWith(key)));\r\n    };\r\n\r\n    if (!header) {\r\n        header = <Title>{title}</Title>;\r\n    }\r\n\r\n    return <Container>\r\n        <Sidebar>\r\n            <Header>{header}</Header>\r\n            <Menu\r\n                mode='inline'\r\n                motion={motion}\r\n                openKeys={openKeys}\r\n                onOpenChange={onOpenChange}\r\n                selectedKeys={selectedKeys}\r\n            >\r\n                {renderMenuItems(menu)}\r\n            </Menu>\r\n            <Footer>{footer}</Footer>\r\n        </Sidebar>\r\n        <Content>\r\n            <Main>\r\n                <Outlet />\r\n            </Main>\r\n        </Content>\r\n    </Container>;\r\n}\r\n\r\nconst Sidebar = styled.nav`\r\n  position: fixed;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 100;\r\n  padding: 54px 0 0;\r\n  border-right: 1px solid #e3e3e3;\r\n  width: 230px;\r\n  background-color: #f5f5f5;\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst Title = styled.div`\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  font-size: 16px;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  height: 64px;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 10px 8px 10px 24px;\r\n  border-bottom: 1px solid #e3e3e3;\r\n  flex-grow: 0;\r\n  flex-shrink: 0;\r\n`;\r\n\r\nconst Footer = styled.div`\r\n  flex-grow: 0;\r\n  flex-shrink: 0;\r\n`\r\nconst Content = styled.div`\r\n  margin-left: 230px;\r\n  flex: 1;\r\n`;\r\n\r\nconst Main = styled.main`\r\n  min-height: calc(100vh - 54px);\r\n  position: relative;\r\n`;\r\n\r\nconst MenuTitle = styled.div`\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n\r\n  .bi {\r\n    font-size: 16px;\r\n    line-height: 18px;\r\n    min-width: 19px;\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nconst Menu = styled(RcMenu)`\r\n  border: none;\r\n  box-shadow: none;\r\n  padding: 10px 0;\r\n  flex: 1;\r\n  overflow: auto;\r\n\r\n  .rc-menu-item {\r\n    display: flex;\r\n\r\n    &:hover {\r\n      background-color: #f0f0f0;\r\n    }\r\n\r\n    a {\r\n      flex: 1;\r\n      text-decoration: none;\r\n      color: dimgray;\r\n    }\r\n  }\r\n\r\n  .rc-menu-sub {\r\n    background-color: #eee;\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n\r\n    & > li {\r\n      &:first-child {\r\n        margin-top: 4px;\r\n      }\r\n\r\n      &:last-child {\r\n        margin-bottom: 4px;\r\n      }\r\n    }\r\n\r\n    .rc-menu-item-selected {\r\n      background-color: #eee;\r\n      color: var(--bs-primary);\r\n\r\n      & > a {\r\n        color: var(--bs-primary);\r\n      }\r\n    }\r\n\r\n    .rc-menu-item {\r\n      &:hover {\r\n        background-color: #e7e7e7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .rc-menu-submenu {\r\n    & > .rc-menu-submenu-title {\r\n      &:hover {\r\n        background-color: #e7e7e7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .rc-menu-item-active,\r\n  .rc-menu-submenu-active > .rc-menu-submenu-title {\r\n    background-color: #eee;\r\n  }\r\n\r\n  .rc-menu-item,\r\n  .rc-menu-submenu > .rc-menu-submenu-title {\r\n    padding: 0 8px 0 24px;\r\n    font-size: 14px;\r\n    line-height: 36px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .rc-menu-sub > .rc-menu-item,\r\n  .rc-menu-sub > .rc-menu-submenu > .rc-menu-submenu-title {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  .rc-menu-submenu-arrow {\r\n    line-height: 38px;\r\n  }\r\n\r\n  .rc-menu-item-selected {\r\n    background-color: #f5f5f5;\r\n    color: var(--bs-primary);\r\n\r\n    & > a {\r\n      color: var(--bs-primary);\r\n    }\r\n  }\r\n\r\n  .rc-menu-submenu-selected {\r\n    background-color: #eee;\r\n\r\n    & > .rc-menu-submenu-title {\r\n      color: var(--bs-primary);\r\n      font-weight: 500;\r\n    }\r\n  }\r\n\r\n  & > .rc-menu-item {\r\n    line-height: 38px;\r\n  }\r\n\r\n  & > .rc-menu-submenu {\r\n    &.rc-menu-submenu-selected {\r\n      background-color: #f5f5f5;\r\n    }\r\n\r\n    & > .rc-menu-submenu-title {\r\n      line-height: 38px;\r\n\r\n      &:hover {\r\n        background-color: #f0f0f0;\r\n      }\r\n    }\r\n\r\n    &.rc-menu-submenu-active > .rc-menu-submenu-title {\r\n      background-color: #f5f5f5;\r\n    }\r\n\r\n    & > .rc-menu-sub {\r\n      border-top: 1px solid #e6e6e6;\r\n      border-bottom: 1px solid #e6e6e6;\r\n\r\n      & > li {\r\n        &:first-child {\r\n          margin-top: 9px;\r\n        }\r\n\r\n        &:last-child {\r\n          margin-bottom: 9px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n`;\r\n\r\nconst Container = styled.div`\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  width: 100%;\r\n\r\n  &:has(&) {\r\n    > ${Sidebar} {\r\n      display: none;\r\n    }\r\n\r\n    > ${Content} {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { Unauthorized } from '@topthink/components';\r\nimport { User } from './types';\r\n\r\nexport type UserResolver = () => User | Promise<User>\r\n\r\nconst AppContext = React.createContext<{\r\n    userResolver?: UserResolver,\r\n    onUnauthorized?: (error: Unauthorized) => void\r\n}>({});\r\n\r\nexport default AppContext;\r\n","import React, { useContext, useState } from 'react';\r\nimport { User } from '../utils/types';\r\nimport { Loader, Unauthorized, useAsync } from '@topthink/components';\r\nimport AppContext from '../utils/app-context';\r\nimport { Outlet } from 'react-router-dom';\r\n\r\nexport const UserContext = React.createContext<[User, ((user: User) => void)] | null>(null);\r\n\r\nconst UserProvider = function() {\r\n    const [state, setState] = useState<User | null>(null);\r\n\r\n    const { userResolver, onUnauthorized } = useContext(AppContext);\r\n\r\n    useAsync(async () => {\r\n        if (userResolver) {\r\n            return userResolver();\r\n        }\r\n    }, [], {\r\n        onError(e) {\r\n            if (e instanceof Unauthorized && onUnauthorized) {\r\n                onUnauthorized(e);\r\n            }\r\n        },\r\n        onSuccess(user) {\r\n            if (user) {\r\n                setState(user);\r\n            }\r\n        }\r\n    });\r\n\r\n    if (!state) {\r\n        return <Loader />;\r\n    }\r\n\r\n    return <UserContext.Provider value={[state, setState]}>\r\n        <Outlet />\r\n    </UserContext.Provider>;\r\n};\r\n\r\nexport function useUser() {\r\n    const context = useContext(UserContext);\r\n    if (!context) {\r\n        throw new Error('please use `useUser` in UserContext');\r\n    }\r\n\r\n    return context;\r\n}\r\n\r\nexport default UserProvider;\r\n","import logoSrc from '../images/logo.svg';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { PropsWithChildren, ReactNode } from 'react';\r\nimport { useUser } from './user-provider';\r\nimport classNames from 'classnames';\r\nimport { styled } from '@topthink/components';\r\n\r\nconst Avatar = styled.a`\r\n  cursor: pointer;\r\n`;\r\n\r\ninterface Props {\r\n    menus: ReactNode;\r\n    className?: string;\r\n    logo?: boolean;\r\n}\r\n\r\nexport default function Header({ children, menus, className, logo = true }: PropsWithChildren<Props>) {\r\n    const [user] = useUser();\r\n\r\n    return <Container\r\n        className={classNames('navbar navbar-expand-lg navbar-light bg-white border-bottom sticky-top', className)}>\r\n        <div className='container-fluid'>\r\n            {logo && <a className='navbar-brand' href='https://www.topthink.com'>\r\n                <img src={logoSrc} height='30' />\r\n            </a>}\r\n            {children}\r\n            <Dropdown navbar>\r\n                <Dropdown.Toggle as={Avatar} className='nav-link'>\r\n                    <img className='rounded-circle' width='25' height='25' src={user.avatar} />\r\n                </Dropdown.Toggle>\r\n                <Dropdown.Menu className={'shadow'}>\r\n                    {menus}\r\n                </Dropdown.Menu>\r\n            </Dropdown>\r\n        </div>\r\n    </Container>;\r\n}\r\n\r\nconst Container = styled.header`\r\n  height: 54px;\r\n`;\r\n","var img = \"data:image/svg+xml,%3csvg width='485' height='132' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 531.69 198.43%3b' version='1.1'%3e %3cstyle type='text/css'%3e.st0%7bfill:%233C60FF%3b%7d%3c/style%3e %3cg%3e %3ctitle%3ebackground%3c/title%3e %3crect fill='none' id='canvas_background' height='134' width='487' y='-1' x='-1'/%3e %3c/g%3e %3cg%3e %3ctitle%3eLayer 1%3c/title%3e %3cpath id='svg_1' d='m132.29%2c62.34c-1.19%2c-18.77 -10.34%2c-35.36 -24.11%2c-46.46c-11.15%2c-8.99 -25.34%2c-14.38 -40.79%2c-14.38c-0.55%2c0 -1.09%2c0.01 -1.63%2c0.02c-3.32%2c0.08 -6.57%2c0.41 -9.75%2c0.98c-30.49%2c5.38 -53.65%2c32 -53.65%2c64.04c0%2c1.87 0.08%2c3.73 0.24%2c5.57c2.5%2c29.51 24.7%2c53.4 53.41%2c58.47c2.38%2c0.42 4.8%2c0.72 7.26%2c0.86c0.83%2c0.05 1.66%2c0.09 2.5%2c0.11c0.54%2c0.01 1.08%2c0.02 1.63%2c0.02c34.04%2c0 61.97%2c-26.16 64.79%2c-59.46c0.16%2c-1.83 0.24%2c-3.69 0.24%2c-5.57c0%2c-1.42 -0.05%2c-2.82 -0.14%2c-4.2zm-76.27%2c32.5c-0.26%2c0.01 -0.53%2c0.01 -0.79%2c0.01c-14.56%2c0 -26.88%2c-9.57 -31.03%2c-22.76c-0.97%2c-3.08 -1.49%2c-6.35 -1.49%2c-9.75c0%2c-17.95 14.56%2c-32.52 32.51%2c-32.52c0.26%2c0 0.53%2c0 0.79%2c0.01c3.41%2c0.08 6.69%2c0.68 9.75%2c1.74c6.5%2c2.22 12.06%2c6.45 15.97%2c11.94c1.98%2c2.78 3.54%2c5.9 4.57%2c9.25c0.94%2c3.03 1.44%2c6.24 1.44%2c9.58l-9.75%2c0c0%2c-2.18 -0.31%2c-4.29 -0.88%2c-6.28c-0.92%2c-3.23 -2.55%2c-6.17 -4.69%2c-8.64c-1.86%2c-2.14 -4.12%2c-3.93 -6.65%2c-5.25c-2.93%2c-1.54 -6.24%2c-2.46 -9.75%2c-2.58c-0.26%2c-0.01 -0.52%2c-0.01 -0.79%2c-0.01c-12.57%2c0 -22.76%2c10.19 -22.76%2c22.76c0%2c3.49 0.79%2c6.8 2.19%2c9.75c3.65%2c7.69 11.49%2c13.01 20.57%2c13.01c0.27%2c0 0.53%2c-0.01 0.79%2c-0.01l0%2c9.75zm55.7%2c-17.92c-3.35%2c10.5 -13.18%2c18.09 -24.78%2c18.09c-3.13%2c0 -6.13%2c-0.55 -8.91%2c-1.57c-2.18%2c-0.8 -4.24%2c-1.88 -6.11%2c-3.21c-2.38%2c-1.68 -4.47%2c-3.76 -6.16%2c-6.13c-0.28%2c-0.39 -0.55%2c-0.79 -0.81%2c-1.2c-2.03%2c-3.2 -3.38%2c-6.87 -3.85%2c-10.82l9.87%2c0c0.33%2c1.71 0.92%2c3.32 1.74%2c4.8c1.61%2c2.91 4.09%2c5.26 7.09%2c6.72c0.57%2c0.28 1.15%2c0.53 1.76%2c0.73c1.68%2c0.6 3.49%2c0.92 5.37%2c0.92c7.92%2c0 14.52%2c-5.67 15.96%2c-13.17c0.2%2c-1 0.3%2c-2.04 0.3%2c-3.09c0%2c-2.37 -0.51%2c-4.63 -1.43%2c-6.67c-1.66%2c-3.71 -4.68%2c-6.68 -8.43%2c-8.28l3.54%2c-9.1c7.43%2c3.08 13.13%2c9.49 15.21%2c17.38c0.44%2c1.64 0.72%2c3.34 0.81%2c5.09c0.04%2c0.52 0.05%2c1.05 0.05%2c1.58c0%2c1.05 -0.07%2c2.07 -0.18%2c3.09c-0.18%2c1.68 -0.54%2c3.3 -1.04%2c4.84z' class='st0'/%3e %3cg id='svg_2'%3e %3cg id='svg_3'%3e %3crect id='svg_4' height='6.34' width='94.12' class='st0' y='20.46' x='163.29'/%3e %3c/g%3e %3cg id='svg_5'%3e %3cpath id='svg_6' d='m169.31%2c113.72l0%2c-6.34c6.49%2c0 11.77%2c-5.28 11.77%2c-11.77l0%2c-71.98l6.34%2c0l0%2c71.98c0%2c9.98 -8.12%2c18.11 -18.11%2c18.11z' class='st0'/%3e %3c/g%3e %3cg id='svg_7'%3e %3cpath id='svg_8' d='m255.49%2c91.27l-6.34%2c0l0%2c-38.2c0%2c-5.06 -4.12%2c-9.18 -9.18%2c-9.18l-19.37%2c0c-5.06%2c0 -9.18%2c4.12 -9.18%2c9.18l0%2c38.2l-6.34%2c0l0%2c-38.2c0%2c-8.55 6.96%2c-15.51 15.51%2c-15.51l19.38%2c0c8.55%2c0 15.51%2c6.96 15.51%2c15.51l0%2c38.2l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_9'%3e %3crect id='svg_10' height='17.09' width='6.34' class='st0' y='23.63' x='227.12'/%3e %3c/g%3e %3cg id='svg_11'%3e %3cpath id='svg_12' d='m206.43%2c113.84l-3.34%2c0l0%2c-6.34l3.34%2c0c6.3%2c0 12.9%2c-3.56 15.35%2c-8.29c3.49%2c-6.71 5.33%2c-14.25 5.33%2c-21.81l0%2c-26.13l6.34%2c0l0%2c26.13c0%2c8.58 -2.09%2c17.13 -6.05%2c24.74c-3.98%2c7.68 -13.57%2c11.7 -20.97%2c11.7z' class='st0'/%3e %3c/g%3e %3cg id='svg_13'%3e %3cpath id='svg_14' d='m257.48%2c113.84l-3.34%2c0c-7.4%2c0 -16.98%2c-4.02 -20.98%2c-11.7c-3.96%2c-7.61 -6.05%2c-16.16 -6.05%2c-24.74l6.34%2c0c0%2c7.56 1.84%2c15.1 5.33%2c21.81c2.46%2c4.73 9.06%2c8.29 15.35%2c8.29l3.34%2c0l0%2c6.34l0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_15'%3e %3crect id='svg_16' height='6.34' width='42.87' class='st0' y='27.89' x='274.07'/%3e %3c/g%3e %3cg id='svg_17'%3e %3crect id='svg_18' height='61.38' width='6.34' class='st0' y='14.89' x='293.05'/%3e %3c/g%3e %3cg id='svg_19'%3e %3crect id='svg_20' height='6.34' width='33.26' class='st0' transform='matrix(0.11%2c-0.9939%2c0.9939%2c0.11%2c194.7608%2c392.0006) ' y='46.985071' x='325.728637'/%3e %3c/g%3e %3cg id='svg_21'%3e %3crect id='svg_22' height='33.26' width='6.34' class='st0' transform='matrix(0.9939%2c-0.11%2c0.11%2c0.9939%2c-7.5075%2c38.3801) ' y='37.060893' x='310.495485'/%3e %3c/g%3e %3cg id='svg_23'%3e %3cpath id='svg_24' d='m352.9%2c77.14l-15.15%2c0c-7.52%2c0 -13.64%2c-6.12 -13.64%2c-13.63l0%2c-29.61c0%2c-7.52 6.12%2c-13.64 13.64%2c-13.64l15.15%2c0c7.52%2c0 13.64%2c6.12 13.64%2c13.64l0%2c29.61c0%2c7.52 -6.12%2c13.63 -13.64%2c13.63zm-15.15%2c-50.54c-4.02%2c0 -7.3%2c3.27 -7.3%2c7.3l0%2c29.61c0%2c4.02 3.27%2c7.3 7.3%2c7.3l15.15%2c0c4.02%2c0 7.3%2c-3.27 7.3%2c-7.3l0%2c-29.61c0%2c-4.02 -3.27%2c-7.3 -7.3%2c-7.3l-15.15%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_25'%3e %3cg id='svg_26'%3e %3crect id='svg_27' height='6.34' width='17.8' class='st0' y='37.2' x='336.43'/%3e %3c/g%3e %3cg id='svg_28'%3e %3crect id='svg_29' height='6.34' width='17.8' class='st0' y='53.87' x='336.43'/%3e %3c/g%3e %3c/g%3e %3cg id='svg_30'%3e %3cpath id='svg_31' d='m352.7%2c113.84l-37.98%2c0c-8%2c0 -14.5%2c-6.51 -14.5%2c-14.5l0%2c-16.14l6.34%2c0l0%2c16.13c0%2c4.5 3.66%2c8.17 8.17%2c8.17l37.98%2c0l0%2c6.34l-0.01%2c0z' class='st0'/%3e %3c/g%3e %3cg id='svg_32'%3e %3crect id='svg_33' height='6.34' width='23.57' class='st0' transform='matrix(0.2529%2c-0.9675%2c0.9675%2c0.2529%2c114.4986%2c402.9877) ' y='83.698593' x='326.836101'/%3e %3c/g%3e %3cg id='svg_34'%3e %3crect id='svg_35' height='6.34' width='20.52' class='st0' y='86.2' x='321.58'/%3e %3c/g%3e %3cg id='svg_36'%3e %3crect id='svg_37' height='24.75' width='6.34' class='st0' transform='matrix(0.9556%2c-0.2946%2c0.2946%2c0.9556%2c-19.7967%2c122.424) ' y='75.874073' x='369.686666'/%3e %3c/g%3e %3cg id='svg_38'%3e %3crect id='svg_39' height='6.34' width='71.83' class='st0' y='20.46' x='395.51'/%3e %3c/g%3e %3cg id='svg_40'%3e %3crect id='svg_41' height='6.34' width='90.81' class='st0' y='57.44' x='386.02'/%3e %3c/g%3e %3cg id='svg_42'%3e %3cpath id='svg_43' d='m463.12%2c113.64l-56%2c0c-4.5%2c0 -8.59%2c-2.29 -10.94%2c-6.14c-2.35%2c-3.84 -2.52%2c-8.53 -0.46%2c-12.53l17.68%2c-35.81l5.64%2c2.89l-17.68%2c35.81c-1.04%2c2.02 -0.95%2c4.39 0.23%2c6.33c1.19%2c1.94 3.25%2c3.1 5.53%2c3.1l56%2c0c1.51%2c0 2.88%2c-0.71 3.74%2c-1.95c0.81%2c-1.16 1.03%2c-2.57 0.63%2c-3.91l-7.8%2c-12.34l5.36%2c-3.39l8.18%2c12.94l0.12%2c0.31c1.24%2c3.34 0.76%2c7.08 -1.28%2c10.01c-2.04%2c2.94 -5.39%2c4.68 -8.95%2c4.68z' class='st0'/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e\";\n  export default img;","import { ReactNode } from 'react';\r\nimport { intersection } from 'lodash';\r\nimport { useUser } from './user-provider';\r\nimport { User } from '../utils/types';\r\n\r\nexport interface AccessProps {\r\n    require?: string | string[] | ((user: User) => boolean);\r\n    fallback?: ReactNode;\r\n    children: ReactNode;\r\n}\r\n\r\nexport default function Access({\r\n    require,\r\n    children,\r\n    fallback\r\n}: AccessProps) {\r\n    const [user,] = useUser();\r\n    let passed = false;\r\n    if (typeof require === 'function') {\r\n        passed = require(user);\r\n    } else {\r\n        if (typeof require === 'string') {\r\n            require = [require];\r\n        }\r\n        passed = intersection(user.roles, require).length > 0;\r\n    }\r\n    if (!passed) {\r\n        children = fallback;\r\n    }\r\n\r\n    return <>{children}</>;\r\n}\r\n","import { styled } from '@topthink/components';\r\nimport { PropsWithChildren, ReactNode } from 'react';\r\nimport { useMatches } from 'react-router-dom';\r\n\r\ninterface ContentProps {\r\n    title?: string;\r\n    nav?: ReactNode;\r\n    extra?: ReactNode;\r\n}\r\n\r\nexport default function Content({ title, children, nav, extra }: PropsWithChildren<ContentProps>) {\r\n    const matches = useMatches();\r\n\r\n    if (!title) {\r\n        title = matches.reduceRight((title, match) => {\r\n            if (title) return title;\r\n            return match?.handle?.title;\r\n        }, title);\r\n    }\r\n\r\n    return <Container>\r\n        <Header>\r\n            <div className='container'>\r\n                <Title>{title}</Title>\r\n                {nav}\r\n                <Extra>{extra}</Extra>\r\n            </div>\r\n        </Header>\r\n        <Body className='container'>\r\n            {children}\r\n        </Body>\r\n    </Container>;\r\n};\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  background-color: #fff;\r\n  display: flex;\r\n\r\n  .container {\r\n    padding: 0 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    .nav {\r\n      .nav-link {\r\n        position: relative;\r\n\r\n        &.active {\r\n          &:after {\r\n            content: '';\r\n            height: 2px;\r\n            background: var(--bs-primary);\r\n            display: block;\r\n            position: absolute;\r\n            left: 1rem;\r\n            right: 1rem;\r\n            bottom: -2px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Body = styled.div`\r\n  margin-top: 24px;\r\n`;\r\n\r\nconst Title = styled.div`\r\n  font-size: 22px;\r\n  line-height: 64px;\r\n  height: 64px;\r\n`;\r\n\r\nconst Extra = styled.div`\r\n\r\n`;\r\n","import { LinkProps, useNavigate } from 'react-router-dom';\r\nimport { Button, ButtonProps } from '@topthink/components';\r\n\r\ninterface Props extends ButtonProps, Pick<LinkProps, 'to' | 'replace'> {\r\n\r\n}\r\n\r\nexport default function LinkButton({ to, replace, ...props }: Props) {\r\n    let navigate = useNavigate();\r\n\r\n    return <Button {...props} onClick={(e) => {\r\n        e.preventDefault();\r\n        navigate(to, { replace });\r\n    }} />;\r\n}\r\n","import { Loader, useAsync } from '@topthink/components';\r\nimport { Navigate } from 'react-router-dom';\r\n\r\ninterface LoginProps {\r\n    onLogin: () => void | Promise<void>;\r\n}\r\n\r\nexport default function Login({ onLogin }: LoginProps) {\r\n    const { result } = useAsync(async () => {\r\n        await onLogin();\r\n\r\n        const redirectUri = localStorage.getItem('redirect_uri');\r\n        if (redirectUri) {\r\n            localStorage.removeItem('redirect_uri');\r\n        }\r\n        return redirectUri || '/';\r\n    }, []);\r\n\r\n    if (result) {\r\n        return <Navigate to={result} replace />;\r\n    }\r\n\r\n    return <Loader />;\r\n}\r\n","import { Loader, useAsync } from '@topthink/components';\r\n\r\ninterface LogoutProps {\r\n    onLogout: () => void | Promise<void>;\r\n}\r\n\r\nexport default function Logout({ onLogout }: LogoutProps) {\r\n    useAsync(async () => {\r\n        await onLogout();\r\n    }, []);\r\n\r\n    return <Loader />;\r\n}\r\n","import { RouteObject } from 'react-router-dom';\r\n\r\nexport default function transformRoutes(routes: RouteObject[]) {\r\n    return routes.map((route) => {\r\n        if (route.children) {\r\n            route.children = transformRoutes(route.children);\r\n        }\r\n\r\n        route.handle = {\r\n            title: route.meta?.title,\r\n            ...route.handle,\r\n        };\r\n\r\n        return route;\r\n    });\r\n}\r\n","import { createBrowserRouter, RouteObject, RouterProvider } from 'react-router-dom';\r\nimport { PropsWithChildren } from 'react';\r\nimport Login from '../pages/login';\r\nimport Logout from '../pages/logout';\r\nimport queryString from 'query-string';\r\nimport * as path from 'path';\r\nimport { request, Unauthorized } from '@topthink/components';\r\nimport UserProvider from '../components/user-provider';\r\nimport transformRoutes from './transform-routes';\r\nimport AppContext, { UserResolver } from './app-context';\r\n\r\nfunction stripBasename(pathname: string, basename: string) {\r\n    if (basename === '/') return pathname;\r\n\r\n    return pathname.slice(basename.length);\r\n}\r\n\r\ninterface Options {\r\n    baseURL?: string;\r\n    basename?: string;\r\n    authentication?: 'cookie' | 'token';\r\n    onLogout?: () => void | Promise<void>;\r\n    onLogin?: () => (void | string) | Promise<void | string>;\r\n    userResolver?: UserResolver;\r\n}\r\n\r\nexport default function createApplication(options: Options) {\r\n    const { basename = '/', onLogin, onLogout, authentication, baseURL, userResolver } = options;\r\n\r\n    if (baseURL) {\r\n        request.defaults.baseURL = baseURL;\r\n    }\r\n\r\n    if (authentication === 'token') {\r\n        request.interceptors.request.use(\r\n            config => {\r\n                const token = localStorage.getItem('authorization');\r\n\r\n                if (token) {\r\n                    config.headers = {\r\n                        ...config.headers,\r\n                        Authorization: `Bearer ${token}`\r\n                    };\r\n                }\r\n                return config;\r\n            }\r\n        );\r\n    }\r\n\r\n    const onUnauthorized = (error: Unauthorized) => {\r\n        if (window.location.pathname !== path.join(basename, '/logout')) {\r\n            localStorage.setItem('redirect_uri', stripBasename(window.location.pathname + window.location.search, basename));\r\n        }\r\n        const redirectUri = window.location.origin + path.join(basename, '/login');\r\n\r\n        window.location.href = queryString.stringifyUrl({\r\n            url: error.url,\r\n            query: { redirect_uri: redirectUri }\r\n        });\r\n    };\r\n\r\n    const handleLogin = async () => {\r\n        let token: string | void;\r\n        if (onLogin) {\r\n            token = await onLogin();\r\n        } else {\r\n            const parsed = queryString.parse(window.location.hash.substr(1));\r\n            if (parsed.access_token) {\r\n                token = parsed.access_token as string;\r\n            }\r\n        }\r\n\r\n        if (authentication === 'token' && token) {\r\n            localStorage.setItem('authorization', token);\r\n        }\r\n    };\r\n\r\n    const handleLogout = async () => {\r\n        if (onLogout) {\r\n            try {\r\n                await onLogout();\r\n            } catch (e) {\r\n                if (e instanceof Unauthorized) {\r\n                    onUnauthorized(e);\r\n                }\r\n            }\r\n        }\r\n\r\n        if (authentication === 'token') {\r\n            localStorage.removeItem('authorization');\r\n        }\r\n    };\r\n\r\n    return function({ routes }: PropsWithChildren<{ routes: RouteObject[] }>) {\r\n        const router = createBrowserRouter(\r\n            [\r\n                {\r\n                    path: '*',\r\n                    element: <UserProvider />,\r\n                    children: transformRoutes(routes)\r\n                },\r\n                {\r\n                    path: 'login',\r\n                    element: <Login onLogin={handleLogin} />\r\n                },\r\n                {\r\n                    path: 'logout',\r\n                    element: <Logout onLogout={handleLogout} />\r\n                }\r\n            ],\r\n            {\r\n                basename\r\n            }\r\n        );\r\n\r\n        return <AppContext.Provider value={{ userResolver, onUnauthorized }}>\r\n            <RouterProvider router={router} />\r\n        </AppContext.Provider>;\r\n    };\r\n}\r\n"],"names":["formatRelativePath","routes","parent","menus","route","meta","path","children","hideInMenu","title","isExternal","href","replace","menu","icon","_jsx","className","hideChildrenInMenu","length","push","_g","_extends","Object","assign","bind","target","i","arguments","source","key","prototype","hasOwnProperty","call","apply","this","SvgExternal","props","React","createElement","xmlns","width","height","fill","d","renderMenuItems","items","map","item","_jsxs","MenuTitle","ExternalIcon","SubMenu","MenuItem","Link","to","collapseNode","expandNode","node","scrollHeight","motion","motionName","motionAppear","onAppearStart","onAppearActive","onEnterStart","onEnterActive","onLeaveStart","onLeaveActive","SiderLayout","_ref","header","footer","matches","useContext","UNSAFE_RouteContext","routeMatch","pathnameBase","useMemo","base","getMenuData","pathname","useLocation","selectedKeys","keys","split","reduce","pre","curr","join","openKeys","setOpenKeys","useState","useEffect","slice","Title","Container","Sidebar","Header","Menu","mode","onOpenChange","currentKey","filter","startsWith","Footer","Content","Main","Outlet","styled","nav","div","main","RcMenu","AppContext","createContext","UserContext","UserProvider","state","setState","userResolver","onUnauthorized","useAsync","async","onError","e","Unauthorized","onSuccess","user","Provider","value","Loader","useUser","context","Error","Avatar","a","logo","classNames","src","Dropdown","navbar","Toggle","as","avatar","Access","require","fallback","passed","intersection","roles","_Fragment","extra","useMatches","reduceRight","match","handle","Extra","Body","LinkButton","navigate","useNavigate","Button","onClick","preventDefault","Login","onLogin","result","redirectUri","localStorage","getItem","removeItem","Navigate","Logout","onLogout","transformRoutes","createApplication","options","basename","authentication","baseURL","request","defaults","interceptors","use","config","token","headers","Authorization","error","window","location","setItem","stripBasename","search","origin","queryString","stringifyUrl","url","query","redirect_uri","handleLogin","parsed","parse","hash","substr","access_token","handleLogout","router","createBrowserRouter","element","RouterProvider"],"mappings":"42BAWA,MAAMA,EAAqB,SACvBC,GAEY,IADZC,yDAAiB,IAGjB,MAAMC,EAAoB,GAE1B,IAAK,MAAMC,KAASH,EAAQ,CAExB,IAAII,KAAEA,EAAO,CAAE,EAAAC,KAAEA,EAAO,GAAEC,SAAEA,EAAW,IAAOH,EAE9C,GAAIC,EAAKG,WACL,SAGJ,MAAMC,EAAQJ,EAAKI,MAEnB,IAAKA,EACD,SAGJ,IAAIC,GAAa,EAEbL,EAAKM,MACLD,GAAa,EACbJ,EAAOD,EAAKM,MAEZL,KAAUJ,KAAUI,IAAOM,QAAQ,UAAW,KAAKA,QAAQ,MAAO,IAGtE,MAGMC,EAAiB,CACnBJ,QACAK,KAL8B,iBAAdT,EAAKS,KACrBC,EAAA,IAAA,CAAGC,UAAoB,SAAAX,EAAKS,SAAaT,EAAKS,KAK9CR,OACAI,aACAH,SAAU,KAGTF,EAAKY,qBAAuBP,GAAcH,EAASW,OAAS,IAC7DL,EAAKN,SAAWP,EAAmBO,EAAUD,IAGjDH,EAAMgB,KAAKN,EACd,CAED,OAAOV,CACX,EC5DA,IAAIiB,EACJ,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUT,OAAQQ,IAAK,CAAE,IAAIE,EAASD,UAAUD,GAAI,IAAK,IAAIG,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQJ,EAAOI,GAAOD,EAAOC,IAAY,OAAOJ,CAAS,EAASJ,EAASY,MAAMC,KAAMP,UAAa,CAEnV,MAAMQ,EAAcC,GAAsBC,EAAMC,cAAc,MAAOjB,EAAS,CAC5EkB,MAAO,6BACPC,MAAO,GACPC,OAAQ,IACPL,GAAQhB,IAAOA,EAAkBiB,EAAMC,cAAc,IAAK,CAC3DI,KAAM,QACQL,EAAMC,cAAc,OAAQ,CAC1CK,EAAG,0DACYN,EAAMC,cAAc,OAAQ,CAC3CK,EAAG,oCCJCC,EAAmBC,GACdA,EAAMC,KAAKC,IAEd,MAAMtC,EAAQuC,EAACC,aACVF,EAAKjC,KACLiC,EAAKtC,MACLsC,EAAKrC,YAAcK,EAACmC,EAAe,CAAA,MAGxC,OAAIH,EAAKxC,SAASW,OAAS,EAChBH,EAACoC,EAAO,CAAC1C,MAAOA,WAClBmC,EAAgBG,EAAKxC,WADSwC,EAAKzC,MAIjCS,EAACqC,EAAQ,CAAA7C,SACXwC,EAAKrC,WACFK,EAAA,IAAA,CAAGJ,KAAMoC,EAAKzC,KAAMmB,OAAO,SAAQlB,SAAEE,IACrCM,EAACsC,EAAI,CAACC,GAAIP,EAAKzC,KAAOC,SAAAE,KAHRsC,EAAKzC,KAM9B,IAIHiD,EAAe,KACV,CAAEd,OAAQ,IAEfe,EAAcC,IACT,CAAEhB,OAAQgB,EAAKC,eAGpBC,EAAyB,CAC3BC,WAAY,mBACZC,cAAc,EACdC,cAAeP,EACfQ,eAAgBP,EAChBQ,aAAcT,EACdU,cAAeT,EACfU,aAAcV,EACdW,cAAeZ,GASL,SAAUa,EAA4CC,GAAA,IAAhC5D,MAAEA,EAAK6D,OAAEA,EAAMC,OAAEA,GAAeF,EAEhE,MAAMG,QAAEA,GAAYC,EAAWC,GAEzBC,EAAaH,EAAQA,EAAQtD,OAAS,GAEtC0D,EAAeD,GAAYC,cAAgB,IAC3C3E,EAAS0E,GAAYvE,MAAMG,UAAY,GAEvCM,EAAOgE,GAAQ,IFHD,SAAY5E,GAAyC,IAAlB6E,yDAAe,IACtE,OAAO9E,EAAmBC,EAAQ6E,EACtC,CEC+BC,CAAY9E,EAAQ2E,IAAe,CAAC3E,EAAQ2E,KAEjEI,SAAEA,GAAaC,IAEfC,EAAeL,GAAQ,KACzB,MAAMM,EAAiB,GASvB,OARcH,EAASI,MAAM,KACvBC,QAAiB,CAACC,EAAKC,KACrBD,EAAIpE,OAAS,GACbiE,EAAKhE,KAAKmE,EAAIE,KAAK,MAEhB,IAAIF,EAAKC,KACjB,IACHJ,EAAKhE,KAAK6D,GACHG,CAAI,GACZ,CAACH,KAEGS,EAAUC,GAAeC,EAAmB,IAEnDC,GAAU,KACNF,EAAYR,EAAaW,MAAM,GAAI,GAAG,GACvC,CAACX,IAWJ,OAJKZ,IACDA,EAASvD,EAAC+E,EAAO,CAAAvF,SAAAE,KAGduC,EAAC+C,EACJ,CAAAxF,SAAA,CAAAyC,EAACgD,EAAO,CAAAzF,SAAA,CACJQ,EAACkF,EAAQ,CAAA1F,SAAA+D,IACTvD,EAACmF,EACG,CAAAC,KAAK,SACLxC,OAAQA,EACR8B,SAAUA,EACVW,aAhBUX,IAClB,MAAMY,EAAaZ,EAASA,EAASvE,OAAS,GAC9CwE,EAAYD,EAASa,QAAOzE,GAAOwE,EAAWE,WAAW1E,KAAM,EAevDqD,aAAcA,EAEb3E,SAAAqC,EAAgB/B,KAErBE,EAACyF,EAAM,CAAAjG,SAAEgE,OAEbxD,EAAC0F,EACG,CAAAlG,SAAAQ,EAAC2F,EAAI,CAAAnG,SACDQ,EAAC4F,EAAS,UAI1B,CAEA,MAAMX,EAAUY,EAAOC,GAAG;;;;;;;;;;;;EAcpBf,EAAQc,EAAOE,GAAG;;;;;EAOlBb,EAASW,EAAOE,GAAG;;;;;;;;EAUnBN,EAASI,EAAOE,GAAG;;;EAInBL,EAAUG,EAAOE,GAAG;;;EAKpBJ,EAAOE,EAAOG,IAAI;;;EAKlB9D,EAAY2D,EAAOE,GAAG;;;;;;;;;;;EAatBZ,EAAOU,EAAOI,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6IrBjB,EAAYa,EAAOE,GAAG;;;;;;QAMpBd;;;;QAIAS;;;;EClUR,MAAMQ,EAAa5E,EAAM6E,cAGtB,ICHUC,EAAc9E,EAAM6E,cAAqD,MAEhFE,EAAe,WACjB,MAAOC,EAAOC,GAAY3B,EAAsB,OAE1C4B,aAAEA,EAAYC,eAAEA,GAAmB/C,EAAWwC,GAmBpD,OAjBAQ,GAASC,UACL,GAAIH,EACA,OAAOA,GACV,GACF,GAAI,CACHI,QAAQC,GACAA,aAAaC,GAAgBL,GAC7BA,EAAeI,EAEtB,EACDE,UAAUC,GACFA,GACAT,EAASS,EAEjB,IAGCV,EAIEtG,EAACoG,EAAYa,SAAQ,CAACC,MAAO,CAACZ,EAAOC,GAAS/G,SACjDQ,EAAC4F,EAAM,MAJA5F,EAACmH,EAAM,CAAA,EAMtB,WAEgBC,IACZ,MAAMC,EAAU3D,EAAW0C,GAC3B,IAAKiB,EACD,MAAM,IAAIC,MAAM,uCAGpB,OAAOD,CACX,CCvCA,MAAME,GAAS1B,EAAO2B,CAAC;;EAUC,SAAAtC,GAA4E5B,GAAA,IAArE9D,SAAEA,EAAQJ,MAAEA,EAAKa,UAAEA,EAASwH,KAAEA,GAAO,GAAgCnE,EAChG,MAAO0D,GAAQI,IAEf,OAAOpH,EAACgF,GACJ,CAAA/E,UAAWyH,EAAW,yEAA0EzH,GAChGT,SAAAyC,EAAA,MAAA,CAAKhC,UAAU,4BACVwH,GAAQzH,OAAGC,UAAU,eAAeL,KAAK,2BAA0BJ,SAChEQ,SAAK2H,IC6HX,4/MD7HyBjG,OAAO,SAE7BlC,EACDyC,EAAC2F,EAAS,CAAAC,QACN,EAAArI,SAAA,CAAAQ,EAAC4H,EAASE,QAAOC,GAAIR,GAAQtH,UAAU,WAAUT,SAC7CQ,SAAKC,UAAU,iBAAiBwB,MAAM,KAAKC,OAAO,KAAKiG,IAAKX,EAAKgB,WAErEhI,EAAC4H,EAASzC,KAAK,CAAAlF,UAAW,SAAQT,SAC7BJ,WAKrB,CAEA,MAAM4F,GAAYa,EAAOtC,MAAM;;EE5BjB,SAAU0E,GAIV3E,GAAA,IAJiB4E,QAC3BA,EAAO1I,SACPA,EAAQ2I,SACRA,GACU7E,EACV,MAAO0D,GAASI,IAChB,IAAIgB,GAAS,EAab,MAZuB,mBAAZF,EACPE,EAASF,EAAQlB,IAEM,iBAAZkB,IACPA,EAAU,CAACA,IAEfE,EAASC,EAAarB,EAAKsB,MAAOJ,GAAS/H,OAAS,GAEnDiI,IACD5I,EAAW2I,GAGRnI,EAAAuI,EAAA,CAAA/I,SAAGA,GACd,CCrBwB,SAAAkG,GAAwEpC,GAAA,IAAhE5D,MAAEA,EAAKF,SAAEA,EAAQsG,IAAEA,EAAG0C,MAAEA,GAAwClF,EAC5F,MAAMG,EAAUgF,IAShB,OAPK/I,IACDA,EAAQ+D,EAAQiF,aAAY,CAAChJ,EAAOiJ,IAC5BjJ,GACGiJ,GAAOC,QAAQlJ,OACvBA,IAGAuC,EAAC+C,GAAS,CAAAxF,SAAA,CACbQ,EAACkF,aACGjD,EAAK,MAAA,CAAAhC,UAAU,sBACXD,EAAC+E,GAAO,CAAAvF,SAAAE,IACPoG,EACD9F,EAAC6I,GAAO,CAAArJ,SAAAgJ,SAGhBxI,EAAC8I,GAAI,CAAC7I,UAAU,qBACXT,MAGb,CAEA,MAAMwF,GAAYa,EAAOE,GAAG;;EAItBb,GAASW,EAAOE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BnB+C,GAAOjD,EAAOE,GAAG;;EAIjBhB,GAAQc,EAAOE,GAAG;;;;EAMlB8C,GAAQhD,EAAOE,GAAG;;ECxEA,SAAAgD,GAA2CzF,GAAA,IAAhCf,GAAEA,EAAE1C,QAAEA,KAAYwB,GAAciC,EAC3D0F,EAAWC,IAEf,OAAOjJ,EAACkJ,EAAM,IAAK7H,EAAO8H,QAAUtC,IAChCA,EAAEuC,iBACFJ,EAASzG,EAAI,CAAE1C,WAAU,GAEjC,CCPc,SAAUwJ,GAA6B/F,GAAA,IAAvBgG,QAAEA,GAAqBhG,EACjD,MAAMiG,OAAEA,GAAW7C,GAASC,gBAClB2C,IAEN,MAAME,EAAcC,aAAaC,QAAQ,gBAIzC,OAHIF,GACAC,aAAaE,WAAW,gBAErBH,GAAe,GAAG,GAC1B,IAEH,OAAID,EACOvJ,EAAC4J,EAAS,CAAArH,GAAIgH,EAAQ1J,SAAO,IAGjCG,EAACmH,EAAM,CAAA,EAClB,CCjBc,SAAU0C,GAAgCvG,GAAA,IAAzBwG,SAAEA,GAAuBxG,EAKpD,OAJAoD,GAASC,gBACCmD,GAAU,GACjB,IAEI9J,EAACmH,EAAM,CAAA,EAClB,CCVwB,SAAA4C,GAAgB7K,GACpC,OAAOA,EAAO6C,KAAK1C,IACXA,EAAMG,WACNH,EAAMG,SAAWuK,GAAgB1K,EAAMG,WAG3CH,EAAMuJ,OAAS,CACXlJ,MAAOL,EAAMC,MAAMI,SAChBL,EAAMuJ,QAGNvJ,IAEf,CCWwB,SAAA2K,GAAkBC,GACtC,MAAMC,SAAEA,EAAW,IAAGZ,QAAEA,EAAOQ,SAAEA,EAAQK,eAAEA,EAAcC,QAAEA,EAAO5D,aAAEA,GAAiByD,EAEjFG,IACAC,EAAQC,SAASF,QAAUA,GAGR,UAAnBD,GACAE,EAAQE,aAAaF,QAAQG,KACzBC,IACI,MAAMC,EAAQjB,aAAaC,QAAQ,iBAQnC,OANIgB,IACAD,EAAOE,QAAU,IACVF,EAAOE,QACVC,cAAyB,UAAAF,MAG1BD,CAAM,IAKzB,MAAMhE,EAAkBoE,IAChBC,OAAOC,SAAS9G,WAAa1E,EAAKkF,KAAKyF,EAAU,YACjDT,aAAauB,QAAQ,eAxCjC,SAAuB/G,EAAkBiG,GACrC,MAAiB,MAAbA,EAAyBjG,EAEtBA,EAASa,MAAMoF,EAAS/J,OACnC,CAoCiD8K,CAAcH,OAAOC,SAAS9G,SAAW6G,OAAOC,SAASG,OAAQhB,IAE1G,MAAMV,EAAcsB,OAAOC,SAASI,OAAS5L,EAAKkF,KAAKyF,EAAU,UAEjEY,OAAOC,SAASnL,KAAOwL,EAAYC,aAAa,CAC5CC,IAAKT,EAAMS,IACXC,MAAO,CAAEC,aAAchC,IACzB,EAGAiC,EAAc9E,UAChB,IAAI+D,EACJ,GAAIpB,EACAoB,QAAcpB,QACX,CACH,MAAMoC,EAASN,EAAYO,MAAMb,OAAOC,SAASa,KAAKC,OAAO,IACzDH,EAAOI,eACPpB,EAAQgB,EAAOI,aAEtB,CAEsB,UAAnB3B,GAA8BO,GAC9BjB,aAAauB,QAAQ,gBAAiBN,EACzC,EAGCqB,EAAepF,UACjB,GAAImD,EACA,UACUA,GAKT,CAJC,MAAOjD,GACDA,aAAaC,GACbL,EAAeI,EAEtB,CAGkB,UAAnBsD,GACAV,aAAaE,WAAW,gBAC3B,EAGL,OAAO,SAAiErG,GAAA,IAAxDpE,OAAEA,GAAsDoE,EACpE,MAAM0I,EAASC,EACX,CACI,CACI1M,KAAM,IACN2M,QAASlM,EAACqG,EAAe,IACzB7G,SAAUuK,GAAgB7K,IAE9B,CACIK,KAAM,QACN2M,QAASlM,EAACqJ,IAAMC,QAASmC,KAE7B,CACIlM,KAAM,SACN2M,QAASlM,EAAC6J,IAAOC,SAAUiC,MAGnC,CACI7B,aAIR,OAAOlK,EAACkG,EAAWe,UAASC,MAAO,CAAEV,eAAcC,kBAAgBjH,SAC/DQ,EAACmM,EAAc,CAACH,OAAQA,MAGpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topthink/common",
-    "version": "1.1.43",
+    "version": "1.2.0",
     "scripts": {
         "prebuild": "rimraf lib types",
         "build": "rollup -c --environment NODE_ENV:production",
@@ -16,13 +16,13 @@
         "scss"
     ],
     "dependencies": {
-        "@topthink/components": "^1.0.23",
+        "@topthink/components": "^1.0.25",
         "classnames": "^2.3.1",
         "history": "^5.0.0",
         "query-string": "^8.1.0",
         "rc-menu": "^9.0.12",
         "rc-motion": "^2.6.2",
-        "react-router-dom": "^6.4.3"
+        "react-router-dom": "^6.11.1"
     },
     "peerDependencies": {
         "lodash": "*",
@@ -51,5 +51,5 @@
     },
     "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
     "license": "MIT",
-    "gitHead": "84ba774b4ab1def1313497efb58e07b3e48c8515"
+    "gitHead": "90b34c79331ab5b7ee61580d54c3dcaa85144e6a"
 }

package/types/components/content.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react';
 interface ContentProps {
-    title: string;
+    title?: string;
     nav?: ReactNode;
     extra?: ReactNode;
 }

package/types/components/user-provider.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 import { User } from '../utils/types';
 export declare const UserContext: React.Context<[User, (user: User) => void] | null>;
-declare const UserProvider: ({ children }: PropsWithChildren<any>) => JSX.Element;
+declare const UserProvider: () => JSX.Element;
 export declare function useUser(): [User, (user: User) => void];
 export default UserProvider;

package/types/index.d.ts

@@ -4,6 +4,7 @@ declare module 'react-router-dom' {
         icon?: string;
         hideInMenu?: boolean;
         hideChildrenInMenu?: boolean;
+        href?: string;
     }
     interface IndexRouteObject {
         meta?: Metadata;
@@ -11,15 +12,21 @@ declare module 'react-router-dom' {
     interface NonIndexRouteObject {
         meta?: Metadata;
     }
+    function useMatches(): {
+        id: string;
+        pathname: string;
+        params: Record<string, string | undefined>;
+        data: unknown;
+        handle: Record<string, any>;
+    }[];
 }
 export { default as SiderLayout } from './layout/sider';
 export { default as Header } from './components/header';
-export { default as Footer } from './components/footer';
 export { default as Access } from './components/access';
 export { default as Content } from './components/content';
 export { default as LinkButton } from './components/link-button';
-export { default as UserProvider, useUser } from './components/user-provider';
+export { useUser } from './components/user-provider';
 export { User } from './utils/types';
 export { default as createApplication } from './utils/create-application';
-export { RouteObject, useRoutes, Link, Outlet, useLocation, useNavigate, useOutlet, useParams, Navigate } from 'react-router-dom';
+export { RouteObject, useRoutes, Link, Outlet, useLocation, useNavigate, useOutlet, useParams, Navigate, useMatches, useLoaderData, useRouteLoaderData, useRevalidator, } from 'react-router-dom';
 export * from '@topthink/components';

package/types/layout/sider.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { RouteObject } from 'react-router-dom';
+import { ReactNode } from 'react';
 interface Props {
-    title: string;
-    routes: RouteObject[];
-    basename: string;
+    title?: string;
+    header?: ReactNode;
+    footer?: ReactNode;
 }
-export default function SiderLayout({ routes, basename, title }: Props): JSX.Element;
+export default function SiderLayout({ title, header, footer }: Props): JSX.Element;
 export {};

package/types/utils/app-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Unauthorized } from '@topthink/components';
+import { User } from './types';
+export type UserResolver = () => User | Promise<User>;
+declare const AppContext: React.Context<{
+    userResolver?: UserResolver | undefined;
+    onUnauthorized?: ((error: Unauthorized) => void) | undefined;
+}>;
+export default AppContext;

package/types/utils/create-application.d.ts

@@ -1,11 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { User } from './types';
-import { Unauthorized } from '@topthink/components';
-type UserResolver = () => User | Promise<User>;
-export declare const AppContext: React.Context<{
-    userResolver?: UserResolver | undefined;
-    onUnauthorized?: ((error: Unauthorized) => void) | undefined;
-}>;
+import { RouteObject } from 'react-router-dom';
+import { PropsWithChildren } from 'react';
+import { UserResolver } from './app-context';
 interface Options {
     baseURL?: string;
     basename?: string;
@@ -14,5 +9,7 @@ interface Options {
     onLogin?: () => (void | string) | Promise<void | string>;
     userResolver?: UserResolver;
 }
-export default function createApplication(options: Options): ({ children }: PropsWithChildren<any>) => JSX.Element;
+export default function createApplication(options: Options): ({ routes }: PropsWithChildren<{
+    routes: RouteObject[];
+}>) => JSX.Element;
 export {};

package/types/utils/transform-routes.d.ts

@@ -0,0 +1,2 @@
+import { RouteObject } from 'react-router-dom';
+export default function transformRoutes(routes: RouteObject[]): RouteObject[];

package/types/components/footer.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function Footer(): JSX.Element;