vueComponent / pro-components

easy use `Ant Design Vue` layout
MIT License
535 stars 214 forks source link

feat: 新增showMenu,showHeader参数,用于动态控制显示 #166

Closed jekip closed 2 years ago

jekip commented 2 years ago

编辑器,保存代码,自动格式化了一些代码(代码顺序)抱歉

sendya commented 2 years ago

如果有多个功能要处理,请分开 PR,不要在一个 PR 里参杂了多个。

copyright slot 可以拆出来


另外新增的 showMenushowHeader 没看出来要干什么 menu 可以通过 menuContentRender = false 或者直接不给 menuData 来关闭渲染 header 可以通过 headerRender = false 来关闭渲染

jekip commented 2 years ago

新增的 showMenushowHeader ,只是为了方便动态切换是否显示,比如有些页面,切换全屏的时候,期望是只展示内容区域,menuContentRenderheaderRender 尝试了一下,满足不了,这种需求

sendya commented 2 years ago

全屏也不应该把 pro-layout 全屏,应该是对内容区全屏才对,这样是不会出现 layout 的架子

sendya commented 2 years ago

你可以出一个示例让我看看,是怎么个需求

jekip commented 2 years ago

你可以出一个示例让我看看,是怎么个需求

示例还真不好写啥了,我在描述一下,看看是否能表达的更清晰一点

上面举例的全屏,“应该是对内容区全屏才对”,这是没错的,很多时候,复杂一点页面排版,通过隐藏 menu,和隐藏 header,体验或许会更好,甚至更简单

其次在比如,当我访问一个表格页面列非常多的情况下,我只想最大化看到所有内容,可能隐藏左侧菜单(或者全屏)相对来说更加直观,也能随时打开

如果是 pro-layout 可控的话,很多时候能带来很多不错的便利性和扩展性,我只是在使用的过程中,发现无法可控这2个地方,才想着pr 一下,也算是一种增强特性了

sendya commented 2 years ago

https://store.antdv.com/pro/preview/list/table-list

表格页面列非常多的情况下 最大化建议参考 ProTable 的全屏 image

jekip commented 2 years ago

我举了2个例子,你的确给了我个例子解决方案(可我并不是想要解决方案啊),如果你觉得这个pr是很没有必要的,那就close吧...

jekip commented 2 years ago

我举了2个例子,你的确给了我个例子解决方案(可我并不是想要解决方案啊),如果你觉得这个pr是很没有必要的,那就close吧...

sendya commented 2 years ago

headerRender 为 false 时,是可以把整个 header 不渲染 Sider 目前没有开关控制(非menu)

这个 PR 的内容不考虑合并,可以考虑增强 Sider 提供自定义 Sider 的能力

sendya commented 2 years ago

这是 3.1.3 版本不做任何源码更改,只靠 pro-layout 提供的 headerRender 和 siderWidth 控制 Sider 和 Header 的动态显示隐藏 demo,可以参考一下

https://t82m4.csb.app/#/page2

jekip commented 2 years ago

ok,感谢@言肆,尝试了 headerRendersiderWidth 确实可以实现类似功能,是我提了一个重复,且多余的 pr,真的很抱歉😔

sendya commented 2 years ago

仔细看了下, 还有个 pure 属性,可以关闭全部 layout 自带界面

jekip commented 2 years ago

仔细看了下, 还有个 pure 属性,可以关闭全部 layout 自带界面

很赞,设计的很周到,保姆式 layout 封装

yehoan commented 2 years ago

我发现一个问题 为什么多级菜单嵌套的时候 第一层展开的时候其他的同是第一层的会自动关闭 但是打开第一层的子菜单 即第二层的 发现第二层的其他的不能自动关闭

yehoan commented 2 years ago

image 很纳闷第一层的时候没有问题第二层就有问题了