All Projects → umijs → route-utils

umijs / route-utils

Licence: MIT license
umi route utils

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to route-utils

umi-react-native
umi preset plugins for react-native
Stars: ✭ 54 (+68.75%)
Mutual labels:  umi, ant-design, umijs
toutiao
模仿今日头条,实现 APP 端,Server 端, Web 管理端
Stars: ✭ 17 (-46.87%)
Mutual labels:  umi, ant-design
umi-plugin-antd-theme
🎨 Best theme plugin
Stars: ✭ 77 (+140.63%)
Mutual labels:  umi, ant-design
umi-plugin-electron-builder
umi的electron插件
Stars: ✭ 115 (+259.38%)
Mutual labels:  umi, umijs
Ant Design Pro
👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
Stars: ✭ 30,909 (+96490.63%)
Mutual labels:  umi, ant-design
react-drag
A drag and drop platform based on sortable.js front-end visualization. 一个基于sortable.js的前端可视化搭建的拖拽平台,ui组件采用antd-mobile.通过umi脚手架构建.技术栈采用dva+hooks+umi+antd-mobile+sortable.js+react-color.
Stars: ✭ 51 (+59.38%)
Mutual labels:  umi, ant-design
umi-dva-antd-starter
Get started with Umi3.js and Ant Design.
Stars: ✭ 17 (-46.87%)
Mutual labels:  umi, ant-design
Umi
🌋 Pluggable enterprise-level react application framework.
Stars: ✭ 11,724 (+36537.5%)
Mutual labels:  umi, umijs
cms-fe-angular8
A Content Management System with Angular8, UI use Ant-Design(ng-zorro-antd)
Stars: ✭ 65 (+103.13%)
Mutual labels:  ant-design
inside-client
Human Resources Department Tool. https://ifactory-solutions.github.io/inside-client/
Stars: ✭ 42 (+31.25%)
Mutual labels:  ant-design
umi-plugins
Umi Plugins
Stars: ✭ 14 (-56.25%)
Mutual labels:  umi
pokedex-nextjs
Get to know the different render methods that the Next.js framework provides by exploring Pokemons
Stars: ✭ 39 (+21.88%)
Mutual labels:  ant-design
nodejs-nedb-excel
基于nodejs+webpack,以nosql轻量级嵌入式数据库nedb作为存储,页面渲染采用react+redux,样式框架为ant design,实现了excel表格上传导出以及可视化
Stars: ✭ 28 (-12.5%)
Mutual labels:  ant-design
antd-etable
Editable Table base on Ant Design
Stars: ✭ 43 (+34.38%)
Mutual labels:  ant-design
react-ant-admin
此框架使用与二次开发,前端框架使用react,UI框架使用ant-design,全局数据状态管理使用redux,ajax使用库为axios。用于快速搭建中后台页面。
Stars: ✭ 52 (+62.5%)
Mutual labels:  ant-design
ant-table-extensions
Export, Search extensions to Ant Design's Table component.
Stars: ✭ 43 (+34.38%)
Mutual labels:  ant-design
ToBeAdmin
beego 与 Ant Design Pro Vue 基础权限系统
Stars: ✭ 38 (+18.75%)
Mutual labels:  ant-design
ant-design-blazor
Ant Design for Blazor (WIP)
Stars: ✭ 23 (-28.12%)
Mutual labels:  ant-design
kernel xiaomi sm8250
CLO Rebased kernel for Xiaomi SM8250 series devices updated to CAF tag LA.UM.9.12.r1-14700-SMxx50 with AOSP android-4.19-stable merged.
Stars: ✭ 111 (+246.88%)
Mutual labels:  umi
next-plugin-antd-less
🎩 Use Antd (Less) with Next.js v12, Zero Dependency on other Next-Plugins.
Stars: ✭ 338 (+956.25%)
Mutual labels:  ant-design

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].