@umijs/plugin-layout Umi plugin for build-in ant-design-pro-layout . 为了进一步降低研发成本,我们尝试将布局通过 umi 插件的方式内置,只需通过简单的配置即可拥有 Ant Design Pro 风格的布局,包括导航以及侧边栏。从而做到用户无需关心布局。 Features ...
Plugin API 1. 编译时配置 2. 运行时配置 路由配置 LICENSE @umijs/plugin-layout Umi plugin for build-in ant-design-pro-layout . 为了进一步降低研发成本,我们尝试将布局通过 umi 插件的方式内置,只需通过简单的配置即可拥有 Ant Design Pro 风格的布局,包括导航以及侧边栏。从而做到用户无需关心布局。
config.ts 增加 key - layout:
plugin-antd,整合 antd UI 组件,新增一键切换暗色主题 plugin-crossorigin,通常用于 JS 出错统计 plugin-dva,整合 dva 数据流 plugin-initial-state,初始化数据管理 plugin-layout,配置启用 ant-design-pro 的布局 plugin-locale,国际化能力 plugin-model,基于 hooks 的简易数据流 plugin-request,基于 umi-request 和...
plugin-dva,整合 dva 数据流 plugin-initial-state,初始化数据管理 plugin-layout,配置启用 ant-design-pro 的布局 plugin-locale,国际化能力 plugin-model,基于 hooks 的简易数据流 plugin-request,基于 umi-request 和 umi-hooks 的请求方案 不知大家是否记得之前在《 【第1783期】蚂蚁前端研发最佳实践 》聊到我...
@umijs/plugin-layout插件提供了更加方便的布局 默认为 Ant Design 的 Layout@ant-design/pro-layout,支持它全部配置项。 侧边栏菜单数据根据路由中的配置自动生成。 默认支持对路由的 403/404 处理和 Error Boundary。 搭配@umijs/plugin-access 插件一起使用,可以完成对路由权限的控制。
Install Using npm: $ npm install --save-dev @umijs/plugin-layout or using yarn:
@umijs/plugin-layout. Latest version: 0.18.4, last published: a year ago. Start using @umijs/plugin-layout in your project by running `npm i @umijs/plugin-layout`. There are 6 other projects in the npm registry using @umijs/plugin-layout.
这两天都在配置umi+atnd-pro的框架,用的是@umijs/plugin-layout 文档上写着的是支持antd-pro上的所有配置项,但是,我尝试了一下,好像支持度有限。 第一,现在umijs/plugin-layout 注入的antd-pro是5.x的。我顺着链接去查看相关的可配置项,官方给出的文档地址是这个: ...
res.component:NavigatorLayoutreturnReact.createElement(layout,props);} 根据正则判断 functioncheckRouteMatch(routes,pathname){const_routes=routes.map(one=>{if(isString(one)||isRegExp(one))one={match:one}if(!isObject(one))return{}const{match,exclude}=onereturn{match,exclude:(isArray(exclude)||!