0.1.16 • Published 2 years ago

hoonghu-layout v0.1.16

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

鸿鹄大脑风格布局

基于 ant-design-pro-layout 二次封装的布局插件,适用于鑫义科技-鸿鹄大脑项目

升级功能

  1. 导航栏圆角
  2. 收缩按钮移动至侧边栏,侧边栏宽度、导航栏高度更为纤细
  3. 页面容器固定,内容超出滚动
  4. footer 移至侧边栏

注意事项:

  1. 使用本组件需要配置 sidemenu 布局以及 dark 主题
  2. 组件内置了导航栏圆角风格,如在项目内已配置过圆角,需删除项后使用
  3. footerRender 已弃用,可通过 showFooter(Boolean)控制侧边栏 copyright 显隐
  4. breadcrumbRender 已弃用,根节点已默认为首页,使用时请删除此 Api 调用 。==v0.1.13==版本更新
  5. 组件默认包裹PageHeaderWrapper使用中需去除业务页面中的PageHeaderWrapper。==v0.1.16==版本更新

使用步骤:

  1. 通过 npm | yarn 安装插件
  2. 替项目中所有页面及组件中的"@ant-design/pro-layout" 为"hoonghu-layout",示例如下:
//BasicLayout内
import ProLayout from "hoonghu-layout"; 
  1. 如需单独配置业务组件的PageHeaderWrapper,可判断props.location.pathname后在ProLayout.pageHeaderConfig进行配置。==v0.1.16==版本更新
//简单示例
pageHeaderConfig={{title:pathname === 'home' ? false : ''}}

常见问题:

更新日志

2021/11/2 | v0.1.13

  • 修复在使用 breadcrumbRender 配置面包屑时出现==Invalid attempt to spread non-iterable instance==的错误。无论调用与否,根节点都为首页,此特性向下兼容

2022/02/25 | v0.1.14

  • 全局配置弹出框(Select, Tooltip, Menu 等等)渲染至父节点,默认渲染到 body 上。

2022/03/07 | v0.1.15

  • 增加全局水印,在 ProLayout.waterMark 下进行配置,参数详见WaterMark

2022/05/16 | v0.1.16

  • 移除全局的getPopupContainer属性,在实际使用中会造成其他影响。
  • 增加全局页面切换动画效果,默认全局包裹了PageHeaderWrapper。