npm - @topthink/common - Versions diffs - 1.2.0 → 1.2.1 - Mend

@topthink/common 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/lib/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-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`
+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,Space as L,Button as N,request as E}from"@topthink/components";export*from"@topthink/components";import{Dropdown as S}from"react-bootstrap";import R from"classnames";import{intersection as j}from"lodash";import C 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 O;function U(){return U=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},U.apply(this,arguments)}const $=c=>p.createElement("svg",U({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},c),O||(O=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"})))),M=t=>t.map((t=>{const r=e(G,{children:[t.icon,t.title,t.isExternal&&c($,{})]});return t.children.length>0?c(i,{title:r,children:M(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)})),q=()=>({height:0}),H=c=>({height:c.scrollHeight}),P={motionName:"rc-menu-collapse",motionAppear:!0,onAppearStart:q,onAppearActive:H,onEnterStart:q,onEnterActive:H,onLeaveStart:H,onLeaveActive:q};function V(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(B,{children:r})),e(Q,{children:[e(D,{children:[c(F,{children:i}),c(J,{mode:"inline",motion:P,openKeys:v,onOpenChange:c=>{const e=c[c.length-1];y(c.filter((c=>e.startsWith(c))))},selectedKeys:p,children:M(u)}),c(K,{children:n})]}),c(W,{children:c(T,{children:c(s,{})})})]})}const D=y.nav`
   position: fixed;
   top: 0;
   bottom: 0;
@@ -10,12 +10,12 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMen
   background-color: #f5f5f5;
   display: flex;
   flex-direction: column;
-`,D=y.div`
+`,B=y.div`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-size: 16px;
-`,B=y.div`
+`,F=y.div`
   height: 64px;
   display: flex;
   align-items: center;
@@ -23,16 +23,16 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMen
   border-bottom: 1px solid #e3e3e3;
   flex-grow: 0;
   flex-shrink: 0;
-`,F=y.div`
+`,K=y.div`
   flex-grow: 0;
   flex-shrink: 0;
-`,K=y.div`
+`,W=y.div`
   margin-left: 230px;
   flex: 1;
 `,T=y.main`
   min-height: calc(100vh - 54px);
   position: relative;
-`,W=y.div`
+`,G=y.div`
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
@@ -43,7 +43,7 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMen
     min-width: 19px;
     text-align: center;
   }
-`,G=y(r)`
+`,J=y(r)`
   border: none;
   box-shadow: none;
   padding: 10px 0;
@@ -124,7 +124,7 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMen
   }
   .rc-menu-submenu-arrow {
-    line-height: 38px;
+    line-height: 20px;
   }
   .rc-menu-item-selected {
@@ -182,32 +182,35 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMen
     }
   }
-`,J=y.div`
+`,Q=y.div`
   display: flex;
   flex-wrap: nowrap;
   width: 100%;
   &:has(&) {
-    > ${V} {
+    > ${D} {
       display: none;
     }
-    > ${K} {
+    > ${W} {
       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`
+`;const X=v.createContext({}),Y=v.createContext(null),Z=function(){const[e,t]=b(null),{userResolver:r,onUnauthorized:i}=f(X);return _((async()=>{if(r)return r()}),[],{onError(c){c instanceof k&&i&&i(c)},onSuccess(c){c&&t(c)}}),e?c(Y.Provider,{value:[e,t],children:c(s,{})}):c(z,{})};function cc(){const c=f(Y);if(!c)throw new Error("please use `useUser` in UserContext");return c}const ec=y.a`
   cursor: pointer;
-`;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`
+`;function tc(t){let{children:r,menus:i,className:n,logo:o=!0}=t;const[l]=cc();return c(rc,{className:R("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(S,{navbar:!0,children:[c(S.Toggle,{as:ec,className:"nav-link",children:c("img",{className:"rounded-circle",width:"25",height:"25",src:l.avatar})}),c(S.Menu,{className:"shadow",children:i})]})]})})}const rc=y.header`
   height: 54px;
-`;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`
+`;function ic(e){let{require:r,children:i,fallback:n}=e;const[o]=cc();let l=!1;return"function"==typeof r?l=r(o):("string"==typeof r&&(r=[r]),l=j(o.roles,r).length>0),l||(i=n),c(t,{children:i})}function nc(t){let{title:r,children:i,nav:n,extra:o}=t;const s=d(),a=h(),g=l(),[u,m]=x((()=>{let c;return[s.reduceRight(((e,t)=>(void 0!==c||t.pathname.endsWith("/")||(c=!t.handle?.title),e||t.handle?.title)),void 0),c]}),[s]);return e(lc,{children:[c(sc,{children:e("div",{className:"container",children:[e(L,{children:[m&&"default"!==g.key&&c(oc,{onClick:()=>a(-1),children:c("i",{className:"bi bi-arrow-left-short"})}),c(dc,{children:r||u})]}),n,c(hc,{children:o})]})}),c(ac,{className:"container",children:i})]})}const oc=y.div`
+  font-size: 32px;
+  cursor: pointer;
+`,lc=y.div`
   width: 100%;
-`,oc=y.div`
+`,sc=y.div`
   background-color: #fff;
   display: flex;
   .container {
-    padding: 0 24px;
+    padding: 0 12px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -231,13 +234,13 @@ import{jsx as c,jsxs as e,Fragment as t}from"react/jsx-runtime";import r,{SubMen
       }
     }
   }
-`,lc=y.div`
+`,ac=y.div`
   margin-top: 24px;
-`,sc=y.div`
+`,dc=y.div`
   font-size: 22px;
   line-height: 64px;
   height: 64px;
-`,ac=y.div`
+`,hc=y.div`
-`;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};
+`;function gc(e){let{to:t,replace:r,...i}=e,n=h();return c(N,{...i,onClick:c=>{c.preventDefault(),n(t,{replace:r})}})}function uc(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 mc(e){let{onLogout:t}=e;return _((async()=>{await t()}),[]),c(z,{})}function pc(c){return c.map((c=>(c.children&&(c.children=pc(c.children)),c.handle={title:c.meta?.title,...c.handle},c)))}function vc(e){const{basename:t="/",onLogin:r,onLogout:i,authentication:n,baseURL:o,userResolver:l}=e;o&&(E.defaults.baseURL=o),"token"===n&&E.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=C.stringifyUrl({url:c.url,query:{redirect_uri:e}})},a=async()=>{let c;if(r)c=await r();else{const e=C.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(Z,{}),children:pc(r)},{path:"login",element:c(uc,{onLogin:a})},{path:"logout",element:c(mc,{onLogout:d})}],{basename:t});return c(X.Provider,{value:{userResolver:l,onUnauthorized:s},children:c(m,{router:i})})}}export{ic as Access,nc as Content,tc as Header,gc as LinkButton,V as SiderLayout,vc as createApplication,cc as useUser};
 //# sourceMappingURL=index.js.map

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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":"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"}
1	+ {"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: 20px;\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 { Space, styled } from '@topthink/components';\r\nimport { PropsWithChildren, ReactNode, useMemo } from 'react';\r\nimport { useLocation, useMatches, useNavigate, } 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 const navigate = useNavigate();\r\n const location = useLocation();\r\n\r\n const [defaultTitle, showBack] = useMemo(() => {\r\n let showBack: boolean \| undefined = undefined;\r\n\r\n return [matches.reduceRight((title, match) => {\r\n if (showBack === undefined && !match.pathname.endsWith('/')) {\r\n showBack = !match.handle?.title;\r\n }\r\n if (title) return title;\r\n return match.handle?.title;\r\n }, undefined), showBack];\r\n }, [matches]);\r\n\r\n return <Container>\r\n <Header>\r\n <div className='container'>\r\n <Space>\r\n {showBack && location.key !== 'default' &&\r\n <Back onClick={() => navigate(-1)}><i className='bi bi-arrow-left-short' /></Back>}\r\n <Title>{title \|\| defaultTitle}</Title>\r\n </Space>\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 Back = styled.div`\r\n font-size: 32px;\r\n cursor: pointer;\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 12px;\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","navigate","useNavigate","location","defaultTitle","showBack","reduceRight","match","undefined","endsWith","handle","Space","Back","onClick","Extra","Body","LinkButton","Button","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","setItem","stripBasename","search","origin","queryString","stringifyUrl","url","query","redirect_uri","handleLogin","parsed","parse","hash","substr","access_token","handleLogout","router","createBrowserRouter","element","RouterProvider"],"mappings":"u3BAWA,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,KACZ,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,KAEf,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,KAChB,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,IAEVC,EAAWC,IACXC,EAAW1E,KAEV2E,EAAcC,GAAYhF,GAAQ,KACrC,IAAIgF,EAEJ,MAAO,CAACrF,EAAQsF,aAAY,CAACrJ,EAAOsJ,UACfC,IAAbH,GAA2BE,EAAM/E,SAASiF,SAAS,OACnDJ,GAAYE,EAAMG,QAAQzJ,OAE1BA,GACGsJ,EAAMG,QAAQzJ,aACtBuJ,GAAYH,EAAS,GACzB,CAACrF,IAEJ,OAAOxB,EAAC+C,GACJ,CAAAxF,SAAA,CAAAQ,EAACkF,GACG,CAAA1F,SAAAyC,EAAA,MAAA,CAAKhC,UAAU,sBACXgC,EAACmH,aACIN,GAA6B,YAAjBF,EAAS9H,KAClBd,EAACqJ,IAAKC,QAAS,IAAMZ,GAAU,GAAIlJ,SAAAQ,EAAA,IAAA,CAAGC,UAAU,6BACpDD,EAAC+E,GAAO,CAAAvF,SAAAE,GAASmJ,OAEpB/C,EACD9F,EAACuJ,GAAO,CAAA/J,SAAAgJ,SAGhBxI,EAACwJ,GAAI,CAACvJ,UAAU,YACXT,SAAAA,MAGb,CAEA,MAAM6J,GAAOxD,EAAOE,GAAG;;;EAKjBf,GAAYa,EAAOE,GAAG;;EAItBb,GAASW,EAAOE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BnByD,GAAO3D,EAAOE,GAAG;;EAIjBhB,GAAQc,EAAOE,GAAG;;;;EAMlBwD,GAAQ1D,EAAOE,GAAG;;ECzFA,SAAA0D,GAA2CnG,GAAA,IAAhCf,GAAEA,EAAE1C,QAAEA,KAAYwB,GAAciC,EAC3DoF,EAAWC,IAEf,OAAO3I,EAAC0J,EAAM,IAAKrI,EAAOiI,QAAUzC,IAChCA,EAAE8C,iBACFjB,EAASnG,EAAI,CAAE1C,WAAU,GAEjC,CCPc,SAAU+J,GAA6BtG,GAAA,IAAvBuG,QAAEA,GAAqBvG,EACjD,MAAMwG,OAAEA,GAAWpD,GAASC,gBAClBkD,IAEN,MAAME,EAAcC,aAAaC,QAAQ,gBAIzC,OAHIF,GACAC,aAAaE,WAAW,gBAErBH,GAAe,GAAG,GAC1B,IAEH,OAAID,EACO9J,EAACmK,EAAS,CAAA5H,GAAIuH,EAAQjK,SAAO,IAGjCG,EAACmH,EAAM,CAAA,EAClB,CCjBc,SAAUiD,GAAgC9G,GAAA,IAAzB+G,SAAEA,GAAuB/G,EAKpD,OAJAoD,GAASC,gBACC0D,GAAU,GACjB,IAEIrK,EAACmH,EAAM,CAAA,EAClB,CCVwB,SAAAmD,GAAgBpL,GACpC,OAAOA,EAAO6C,KAAK1C,IACXA,EAAMG,WACNH,EAAMG,SAAW8K,GAAgBjL,EAAMG,WAG3CH,EAAM8J,OAAS,CACXzJ,MAAOL,EAAMC,MAAMI,SAChBL,EAAM8J,QAGN9J,IAEf,CCWwB,SAAAkL,GAAkBC,GACtC,MAAMC,SAAEA,EAAW,IAAGZ,QAAEA,EAAOQ,SAAEA,EAAQK,eAAEA,EAAcC,QAAEA,EAAOnE,aAAEA,GAAiBgE,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,MAAMvE,EAAkB2E,IAChBC,OAAOzC,SAAS3E,WAAa1E,EAAKkF,KAAKgG,EAAU,YACjDT,aAAasB,QAAQ,eAxCjC,SAAuBrH,EAAkBwG,GACrC,MAAiB,MAAbA,EAAyBxG,EAEtBA,EAASa,MAAM2F,EAAStK,OACnC,CAoCiDoL,CAAcF,OAAOzC,SAAS3E,SAAWoH,OAAOzC,SAAS4C,OAAQf,IAE1G,MAAMV,EAAcsB,OAAOzC,SAAS6C,OAASlM,EAAKkF,KAAKgG,EAAU,UAEjEY,OAAOzC,SAAShJ,KAAO8L,EAAYC,aAAa,CAC5CC,IAAKR,EAAMQ,IACXC,MAAO,CAAEC,aAAc/B,IACzB,EAGAgC,EAAcpF,UAChB,IAAIsE,EACJ,GAAIpB,EACAoB,QAAcpB,QACX,CACH,MAAMmC,EAASN,EAAYO,MAAMZ,OAAOzC,SAASsD,KAAKC,OAAO,IACzDH,EAAOI,eACPnB,EAAQe,EAAOI,aAEtB,CAEsB,UAAnB1B,GAA8BO,GAC9BjB,aAAasB,QAAQ,gBAAiBL,EACzC,EAGCoB,EAAe1F,UACjB,GAAI0D,EACA,UACUA,GAKT,CAJC,MAAOxD,GACDA,aAAaC,GACbL,EAAeI,EAEtB,CAGkB,UAAnB6D,GACAV,aAAaE,WAAW,gBAC3B,EAGL,OAAO,SAAiE5G,GAAA,IAAxDpE,OAAEA,GAAsDoE,EACpE,MAAMgJ,EAASC,EACX,CACI,CACIhN,KAAM,IACNiN,QAASxM,EAACqG,EAAe,IACzB7G,SAAU8K,GAAgBpL,IAE9B,CACIK,KAAM,QACNiN,QAASxM,EAAC4J,IAAMC,QAASkC,KAE7B,CACIxM,KAAM,SACNiN,QAASxM,EAACoK,IAAOC,SAAUgC,MAGnC,CACI5B,aAIR,OAAOzK,EAACkG,EAAWe,UAASC,MAAO,CAAEV,eAAcC,kBAAgBjH,SAC/DQ,EAACyM,EAAc,CAACH,OAAQA,MAGpC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@topthink/common",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "scripts": {
         "prebuild": "rimraf lib types",
         "build": "rollup -c --environment NODE_ENV:production",
@@ -51,5 +51,5 @@
     },
     "author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
     "license": "MIT",
-    "gitHead": "90b34c79331ab5b7ee61580d54c3dcaa85144e6a"
+    "gitHead": "150f702fe6957d6e5dfd174b0491676697b309c7"
 }

package/scss/menu.scss CHANGED Viewed

@@ -210,7 +210,9 @@
   text-transform: none;
   text-rendering: auto;
   position: absolute;
-  right: 16px;
+  right: 8px;
+  width: 20px;
+  top: 9px;
   line-height: 1.5em;
 }