ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.04k stars 1.29k forks source link

🐛[BUG] PageContainer 标题和面包屑无法关联,ghost属性不生效 #6039

Closed wavesbig closed 1 year ago

wavesbig commented 1 year ago

🐛 bug 描述

umi3.0版本使用PageContainer标题和面包屑无法关联,并且设置ghost不生效

🏞 期望结果

PageContainer标题和面包屑关联,并且设置ghost生效

© 版本信息

🚑 其他信息

chenshuai2144 commented 1 year ago

详细描述一下?,没有听懂是什么意思

github-actions[bot] commented 1 year ago

Hello @569202812. Please provide a online reproduction by forking this link https://codesandbox.io/ or a minimal GitHub repository.

你好 @569202812, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。 如何写个好问题?https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

wavesbig commented 1 year ago

详细描述一下?,没有听懂是什么意思

我路由设置了name,PageContainertitlebreadcrumb都不自动生成了,之前的6.0的layout版本是可以的

image

开发环境的效果

image

线上的效果 image

wavesbig commented 1 year ago

PageContainer

ghost的问题就是无论是否设置都有ant-pro-page-container-ghost这个样式,我看源码是直接写死了

hqwlkj commented 1 year ago

PageContainer

ghost的问题就是无论是否设置都有ant-pro-page-container-ghost这个样式,我看源码是直接写死了

目前是存在这个问题,如果需要急用可以设置 PageContainer 中的 header 属性, 如下:

<PageContainer
      header={{
        ghost: false,
      }}
    >你的内容</PageContainer>
wavesbig commented 1 year ago

PageContainer

ghost的问题就是无论是否设置都有ant-pro-page-container-ghost这个样式,我看源码是直接写死了

目前是存在这个问题,如果需要急用可以设置 PageContainer 中的 header 属性, 如下:

<PageContainer
      header={{
        ghost: false,
      }}
    >你的内容</PageContainer>

这个我直接先用样式覆盖掉了

ksh033 commented 1 year ago
 const pageHeaderDom = memoRenderPageHeader({
    ...restProps,
    breadcrumbRender: memoBreadcrumbRender,
    ghost: true,
    hashId,
    prefixCls: undefined,
    prefixedClassName: basePageContainer,
    value,
  });

ghost快已经被写死了

wavesbig commented 1 year ago

是的我也看到了

wavesbig commented 1 year ago

详细描述一下?,没有听懂是什么意思

我路由设置了name,PageContainertitlebreadcrumb都不自动生成了,之前的6.0的layout版本是可以的

image

开发环境的效果

image

线上的效果 image

@chenshuai2144 麻烦帮忙看下这个问题

panhezeng commented 1 year ago

ghost 没了,设置为真也不行了,样式都乱套了,升级后

wavesbig commented 1 year ago

ghost 没了,设置为真也不行了,样式都乱套了,升级后

是的rightContentRender没了我看着

panhezeng commented 1 year ago

锁定到2.3.13了,之后的版本,样式大变样,等你们稳定下来再说吧,我都不知道是你们故意改了样式,还是出了bug

chenshuai2144 commented 1 year ago

这种情况一般是项目中有两份layout实例 你检查下是不是安了两个layout

wavesbig commented 1 year ago

这种情况一般是项目中有两份layout实例 你检查下是不是安了两个layout

哦哦好的,是不是umi3.0还需要单独安装pro-layout不能只安装pro-compoents

chenshuai2144 commented 1 year ago

umi3.0 应该都切成 pro-compoents了,可以用 npm ls 包名看看

panhezeng commented 1 year ago

image

wavesbig commented 1 year ago

umi3.0 应该都切成 pro-compoents了,可以用 npm ls 包名看看

我删了pro-layout的依赖后,运行还是让添加pro-layout的依赖的

panhezeng commented 1 year ago

我使用的 umi 4 ,只装了 pro-compoents ,ghost 没了,设置为真也不行了,样式都乱套了,升级后

wavesbig commented 1 year ago

我使用的 umi 4 ,只装了 pro-compoents ,ghost 没了,设置为真也不行了,样式都乱套了,升级后

是的 ghost 不生效了 我用样式覆盖的