@topthink/common 1.2.3 → 1.2.4
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.
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/images/external.svg","../src/utils/get-menu-data.tsx","../src/layout/use-menu.tsx","../src/layout/sider.tsx","../src/components/content.tsx","../src/layout/tab.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/link-button.tsx","../src/pages/login.tsx","../src/pages/logout.tsx","../src/utils/transform-routes.ts","../src/utils/create-application.tsx"],"sourcesContent":["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 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","import { useContext, useMemo } from 'react';\r\nimport { UNSAFE_RouteContext } from 'react-router-dom';\r\nimport getMenuData, { MenuData } from '../utils/get-menu-data';\r\n\r\nexport default function useMenu(): [MenuData[], string | undefined] {\r\n const { matches } = useContext(UNSAFE_RouteContext);\r\n\r\n const routeMatch = matches[matches.length - 1];\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 title = useMemo(() => {\r\n return matches.reduceRight((title, match) => {\r\n if (title) return title;\r\n return match.route.handle?.title;\r\n }, undefined);\r\n }, [matches]);\r\n\r\n return [menu, title];\r\n}\r\n","import RcMenu, { MenuItem, SubMenu } from 'rc-menu';\r\nimport { Link, Outlet, useLocation } from 'react-router-dom';\r\nimport { ReactNode, useEffect, useMemo, useState } from 'react';\r\nimport { 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\nimport useMenu from './use-menu';\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 [menu, defaultTitle] = useMenu();\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 || defaultTitle}</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 { 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 canBack?: boolean;\r\n}\r\n\r\nexport default function Content({ title, children, nav, extra, canBack = true }: 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 {canBack && 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 align-items: center;\r\n\r\n .nav {\r\n margin-left: 1.5rem;\r\n\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 margin-left: auto;\r\n`;\r\n","import { Nav } from 'react-bootstrap';\r\nimport Content from '../components/content';\r\nimport { Link, Outlet, useLocation } from 'react-router-dom';\r\nimport useMenu from './use-menu';\r\n\r\nexport default function TabLayout() {\r\n\r\n const [menu, title] = useMenu();\r\n const { pathname } = useLocation();\r\n\r\n const nav = <Nav>\r\n {menu.map((item) => {\r\n return <Nav.Item key={item.path}>\r\n <Nav.Link as={Link} to={item.path} active={pathname.startsWith(item.path)}>{item.title}</Nav.Link>\r\n </Nav.Item>;\r\n })}\r\n </Nav>;\r\n\r\n return <Content title={title} nav={nav}>\r\n <Outlet />\r\n </Content>;\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 { 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":["_g","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgExternal","props","React","createElement","xmlns","width","height","fill","d","formatRelativePath","routes","parent","menus","route","meta","path","children","hideInMenu","title","isExternal","href","replace","menu","icon","_jsx","className","hideChildrenInMenu","push","useMenu","matches","useContext","UNSAFE_RouteContext","routeMatch","pathnameBase","useMemo","base","getMenuData","reduceRight","match","handle","undefined","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","defaultTitle","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","extra","canBack","useMatches","navigate","useNavigate","location","showBack","endsWith","Space","Back","onClick","Extra","Body","TabLayout","Nav","Item","as","active","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","avatar","Access","require","fallback","passed","intersection","roles","_Fragment","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":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/images/external.svg","../src/utils/get-menu-data.tsx","../src/layout/use-menu.tsx","../src/layout/sider.tsx","../src/components/content.tsx","../src/layout/tab.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/link-button.tsx","../src/pages/login.tsx","../src/pages/logout.tsx","../src/utils/transform-routes.ts","../src/utils/create-application.tsx"],"sourcesContent":["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 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","import { useContext, useMemo } from 'react';\r\nimport { UNSAFE_RouteContext } from 'react-router-dom';\r\nimport getMenuData, { MenuData } from '../utils/get-menu-data';\r\n\r\nexport default function useMenu(): [MenuData[], string | undefined] {\r\n const { matches } = useContext(UNSAFE_RouteContext);\r\n\r\n const routeMatch = matches[matches.length - 1];\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 title = useMemo(() => {\r\n return matches.reduceRight((title, match) => {\r\n if (title) return title;\r\n return match.route.handle?.title;\r\n }, undefined);\r\n }, [matches]);\r\n\r\n return [menu, title];\r\n}\r\n","import RcMenu, { MenuItem, SubMenu } from 'rc-menu';\r\nimport { Link, Outlet, useLocation } from 'react-router-dom';\r\nimport { ReactNode, useEffect, useMemo, useState } from 'react';\r\nimport { 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\nimport useMenu from './use-menu';\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 [menu, defaultTitle] = useMenu();\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 || defaultTitle}</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 { 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 canBack?: boolean;\r\n}\r\n\r\nexport default function Content({ title, children, nav, extra, canBack = true }: 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 {canBack && 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 align-items: center;\r\n\r\n .nav {\r\n margin-left: 1.5rem;\r\n\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 margin-left: auto;\r\n`;\r\n","import { Nav } from 'react-bootstrap';\r\nimport Content from '../components/content';\r\nimport { Link, Outlet, useLocation } from 'react-router-dom';\r\nimport useMenu from './use-menu';\r\n\r\nexport default function TabLayout() {\r\n\r\n const [menu, title] = useMenu();\r\n const { pathname } = useLocation();\r\n\r\n const nav = <Nav>\r\n {menu.map((item) => {\r\n return <Nav.Item key={item.path}>\r\n <Nav.Link as={Link} to={item.path} active={pathname.startsWith(item.path)}>{item.title}</Nav.Link>\r\n </Nav.Item>;\r\n })}\r\n </Nav>;\r\n\r\n return <Content title={title} nav={nav}>\r\n <Outlet />\r\n </Content>;\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 { 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 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 AppProps {\r\n routes: RouteObject[];\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 }: AppProps) {\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":["_g","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgExternal","props","React","createElement","xmlns","width","height","fill","d","formatRelativePath","routes","parent","menus","route","meta","path","children","hideInMenu","title","isExternal","href","replace","menu","icon","_jsx","className","hideChildrenInMenu","push","useMenu","matches","useContext","UNSAFE_RouteContext","routeMatch","pathnameBase","useMemo","base","getMenuData","reduceRight","match","handle","undefined","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","defaultTitle","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","extra","canBack","useMatches","navigate","useNavigate","location","showBack","endsWith","Space","Back","onClick","Extra","Body","TabLayout","Nav","Item","as","active","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","avatar","Access","require","fallback","passed","intersection","roles","_Fragment","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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@topthink/common",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.4",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"prebuild": "rimraf lib types",
|
|
6
6
|
"build": "rollup -c --environment NODE_ENV:production",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"scss"
|
|
17
17
|
],
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@topthink/components": "^1.0.
|
|
19
|
+
"@topthink/components": "^1.0.27",
|
|
20
20
|
"classnames": "^2.3.1",
|
|
21
21
|
"history": "^5.0.0",
|
|
22
22
|
"query-string": "^8.1.0",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
},
|
|
52
52
|
"author": "yunwuxin <tzzhangyajun@qq.com> (https://github.com/yunwuxin)",
|
|
53
53
|
"license": "MIT",
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "1ac4d574e1be3fbc8de0a660a513de4e32f401d5"
|
|
55
55
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { RouteObject } from 'react-router-dom';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
3
|
import { UserResolver } from './app-context';
|
|
4
|
+
interface AppProps {
|
|
5
|
+
routes: RouteObject[];
|
|
6
|
+
}
|
|
4
7
|
interface Options {
|
|
5
8
|
baseURL?: string;
|
|
6
9
|
basename?: string;
|
|
@@ -9,7 +12,5 @@ interface Options {
|
|
|
9
12
|
onLogin?: () => (void | string) | Promise<void | string>;
|
|
10
13
|
userResolver?: UserResolver;
|
|
11
14
|
}
|
|
12
|
-
export default function createApplication(options: Options): ({ routes }:
|
|
13
|
-
routes: RouteObject[];
|
|
14
|
-
}>) => JSX.Element;
|
|
15
|
+
export default function createApplication(options: Options): ({ routes }: AppProps) => JSX.Element;
|
|
15
16
|
export {};
|