@uivjs/admin-base-layout/README.md

基础布局组件

@uivjs/admin-base-layout
===

```bash
npm i @uivjs/admin-base-layout
```

## BaseLayout

### BaseLayout Slots

```js
import { BaseLayout } from '@uivjs/admin-base-layout';

const layout = {
  menus: () => <div>菜单</div>,
  header: () => <div>页脚</div>,
  footer: () => <div>页脚</div>,
}

const Layout = () => (
  <BaseLayout title="Vue Admin" v-slots={layout} />
);
```

### BaseLayout default Slots

组件 `BaseLayout`，你可以进行自定义默认插槽 `slots.default=<router-view />`。

```jsx
const Layout = () => (
  <BaseLayout {...}>
    <div class="warpper">
      <router-view />
    </div>
  </BaseLayout>
);
```

### BaseLayout Props

Name | Type | Default | Description
---- | ---- | ---- | ----
title | `string` | `Vue Admin` | 标题
logoSrc | `string` | `-` | Logo 地址
collapsed | `boolean` | `false` | Sider 菜单收起状态
onCollapsed | `(e: MouseEvent, collapsed: boolean) => void` | `` | Sider 收起事件

## NotFound

路由不存在默认页面。

```jsx
import { BaseLayout, NotFound, router } from '@uivjs/admin-base-layout';

const routes = [
  { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
  // ...
]

export default router(routes);
```

## router

路由定义页面，简化默认配置。

```jsx
import { BaseLayout, NotFound, router } from '@uivjs/admin-base-layout';

const layout = {
  menus: () => <div>Menu</div>,
  header: () => <div>Header</div>,
  footer: () => <div>Footer</div>,
}

const routes = [
  { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
  {
    path: '/login',
    name: 'Login',
    component: () => import(/* webpackChunkName: "login" */ '@/pages/login')
  },
  {
    path: '/',
    component: <BaseLayout title="Vue Admin" v-slots={layout} />,
    redirect: '/home',
    children: [
      {
        path: 'home',
        component: () => import(/* webpackChunkName: "home" */ '@/pages/home'),
        name: 'Home',
        meta: { title: 'home', icon: 'home', affix: true }
      }
    ]
  },
];
export default router(routes);
```

## getToken

```tsx
import { getToken } from '@uivjs/admin-base-layout';

export declare function getToken(): void;
```
## getToken

```tsx
import { setToken } from '@uivjs/admin-base-layout';

export declare function setToken(token: string): void;
```

## getToken

```tsx
import { removeToken } from '@uivjs/admin-base-layout';

export declare function removeToken(): void;
```

## License

Licensed under the MIT License.