# umi-plugin-tabview

**Repository Path**: jiuyuedeyue/umi-plugin-tabview

## Basic Information

- **Project Name**: umi-plugin-tabview
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-11
- **Last Updated**: 2021-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# umi-plugin-tabview

[![NPM version](https://img.shields.io/npm/v/umi-plugin-tabview.svg?style=flat)](https://npmjs.org/package/umi-plugin-tabview) [![NPM downloads](http://img.shields.io/npm/dm/umi-plugin-tabview.svg?style=flat)](https://npmjs.org/package/umi-plugin-tabview)

## 如何使用

安装依赖即可, 以`umi-plugin`开头的插件会被自动加载

## 配置项

在 config/config.ts - defineConfig 方法中进行配置

```js
export default defineConfig({
  TabView: {
    use404: true,
    useAuth: true,
    tabsLimit: 10,
    tabsLimitWait: 500,
    tabsLimitWarnTitle: '提示',
    tabsLimitWarnContent: '您当前打开页面过多, 请关闭不使用的页面以减少卡顿!',
  },
});
```

| 配置项 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| use404 | boolean | true | 使用内置的 404 页面, 该页面会在 tab 中显示 |
| useAuth | boolean | false | 使用内置的 403 页面, 加载内置的权限判断 wrapper, 该页面会在 tab 中显示 |
| tabsLimit | number | 10 | 用户打开多少页签时弹出提示 |
| tabsLimitWait | number | 500 | 页签数量检查防抖时间, 如果一次弹出了多个提示框, 可以适当延长此时间, 单位毫秒 |
| tabsLimitWarnTitle | string | 提示 | 页签数量超限弹窗的标题 |
| tabsLimitWarnContent | string | 您当前打开页面过多, 请关闭不使用的页面以减少卡顿! | 页签数量超限弹窗的内容 |

## 额外的配置项

在`config/route.ts`中所有具有 name 属性的路由默认都会在标签页中显示, 如果不希望在标签也中出现此路由有两种方式:

1. 移除 route 中此路由配置的 name 属性
2. 在该路由中配置属性`hideInTabView`, 将其设置为`true`, 此路由就不会在标签页中显示

```js
export default [
  {
    path: '/welcome',
    name: 'welcome',
    icon: 'smile',
    component: './Welcome',
    hideInTabView: true,
  },
];
```

## LICENSE

MIT