@umijs/route-utils
Quickly process the routing of umi

@umijs/route-utils downloads @umijs/route-utils version @umijs/route-utils license

@umijs/route-utilsSimilar Packages:
Npm Package Weekly Downloads Trend
3 Years
🌟 Show real-time usage chart on @umijs/route-utils's README.md, just copy the code below.
## Usage Trend
[![Usage Trend of @umijs/route-utils](https://npm-compare.com/img/npm-trend/THREE_YEARS/@umijs/route-utils.png)](https://npm-compare.com/@umijs/route-utils#timeRange=THREE_YEARS)
Cumulative GitHub Star Trend
🌟 Show GitHub stars trend chart on @umijs/route-utils's README.md, just copy the code below.
## GitHub Stars Trend
[![GitHub Stars Trend of @umijs/route-utils](https://npm-compare.com/img/github-trend/@umijs/route-utils.png)](https://npm-compare.com/@umijs/route-utils)
Stat Detail
Package
Downloads
Stars
Size
Issues
Publish
License
@umijs/route-utils201,91043148 kB416 days agoMIT
README for @umijs/route-utils

npm package

@umijs/route-utils

Usage

# npm
npm i @umijs/route-utils --save

## yarn
yarn add @umijs/route-utils

API

import { transformRoute, getMatchMenu } from '@umijs/route-utils';

const routes = [
  {
    path: '/welcome',
    name: 'welcome',
  },
  {
    path: '/admin',
    name: 'admin',
    access: 'canAdmin',
  },
  {
    name: 'list.table-list',
    path: '/list',
  },
];

const { menuData, breadcrumb } = transformRoute(routes);

console.log(menuData[0].name); // welcome

console.log(breadcrumb.get('/welcome').name); // welcome

MenuDataItem

import { MenuDataItem } from '@umijs/route-utils';

export interface MenuDataItem {
  routes?: MenuDataItem[];
  hideChildrenInMenu?: boolean;
  hideInMenu?: boolean;
  icon?: React.ReactNode;
  locale?: string | false;
  name?: string;
  key?: string;
  pro_layout_parentKeys?: string[];
  path?: string;
  [key: string]: any;
}

LICENSE

MIT