1.0.15 • Published 4 years ago

umi-plugin-tabview

Licence

MIT

Version

1.0.15

Deps

Size

23 kB

Vulns

Weekly

Summary Dependency Versions

umi-plugin-tabview

如何使用

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

配置项

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

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 属性的路由默认都会在标签页中显示, 如果不希望在标签也中出现此路由有两种方式:

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

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

LICENSE

MIT