easy use `Ant Design Vue` layout
License: MIT License
简体中文 | English
这里放置了 pro 系列组件，用于支撑重型组件
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 😃 ：
| 组件 | 下载量 | 版本 |
|---|---|---|
| pro-layout |  |
 |
| pro-form |  |
 |
| pro-field |  |
 |
| pro-table |  |
 |
MIT
比如：
/page?group=0d124178-ea30-4b3a-a81e-3e34148527c9
https://github.com/vueComponent/pro-layout/blob/master/src/components/RouteMenu/BaseMenu.jsx#L131
这里的 selectedKeys 通过 $route.fullPath 获取是否可行？
看了文档，没找到怎么给左侧菜单栏增加徽标数，请指教
These dependencies were not found:
[主题颜色错误]主题相关覆盖错误问题集中反馈 中有人提过这个问题和解决方式，不过使用pro-layout时没法修改相关代码。
希望能针对该问题做一定的修正。
问题描述：prolayout中的i18nRender设置为false后，prolayout中的settingdrawer组件，显示的名字异常。
期望结果：可否通过传参的方式，在关闭i18n后，显示指定语言的文字呢。
项目在本地编译与开发的时候会得到ReferenceError: primordials is not defined 类似错误。能否提供对应的开发环境依赖呢。我想在项目上进行一些二次开发。感谢
我这边碰到一个人，有这种需求，正常也不会有，看了源码好像没看到支持的地方，原组件支持
当侧边栏收起时，侧边栏宽度位为80px。 没有找到设置的参数，是否设计如此，还是我没找到
请问 next 分支的 examples 代码如何跑起来？是使用了什么cli工具么？vue serve 貌似不支持 tsx
Here's the Weekly Digest for vueComponent/pro-layout:
Last week, no issues were created.
Last week, no pull requests were created, updated or merged.
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
Last week there were no releases.
That's all for last week, please 👀 Watch and ⭐ Star the repository vueComponent/pro-layout to receive next weekly updates. 😃
You can also view all Weekly Digests by clicking here.
Your Weekly Digest bot. 📆
求助：menus中的数据都正常，但是界面渲染出来后，meta中的title不显示。
PageHeaderWrapper只显示面包屑不显示标题，将:title="false"会使标题变成字符串false，而没有隐藏
请问prolayout是否有菜单的slot可以更改呢，默认的菜单和需求不太匹配，目前只找到侧边菜单可以改的地方，顶部菜单好像没法改，menu不传就报错，有较好的方式保留用prolayout的情况下改变菜单的响应方式吗
在一些业务场景中，针对三级菜单的业务系统，希望能有mix菜单展示，header nav上展示一级菜单 left menu 展示二级以下菜单。请问关于mix菜单模式 pro-layout 有在开发计划中吗？感谢回答
请问下pro-layout依赖是否有病毒，vscode只打开项目未运行cpu疯狂的占用，查看是pro-layout node_modules里面的依赖文件启动了两个进程具体截图(操作视频信息：链接: https://pan.baidu.com/s/18qQCeL6rmcpZj3XVIVi2CA 密码: hrko)
进程1信息
cwd
/Users/zxiaozhou/VsCodeProjects/pro-layout
txt
/Applications/Visual Studio Code.app/Contents/Resources/app/node_modules.asar.unpacked/vscode-ripgrep/bin/rg
txt
/usr/lib/dyld
0
->0x9aff2ec07cebab31
1
->0x9aff2ec07cebcb39
2
->0x9aff2ec07cebc369
3
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@braces/node_modules
5
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@jest-haste-map
6
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@is-extendable/node_modules
7
vnode: FD unavailable
9
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@source-map-resolve/node_modules
10
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@nanomatch
11
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@micromatch/node_modules
12
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/_@[email protected]@@jest/core
13
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@to-regex
14
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@sane/node_modules
15
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@is-plain-object
16
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@jest-snapshot/node_modules
17
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@micromatch/node_modules
18
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@extend-shallow/node_modules
19
/Applications/Visual Studio Code.app/Contents/Frameworks/Electron Framework.framework/Versions/A/Resources/v8_context_snapshot.bin
20
/Applications/Visual Studio Code.app/Contents/Frameworks/Electron Framework.framework/Versions/A/Resources/natives_blob.bin
21
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@is-extendable
22
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@cross-spawn/node_modules
23
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@path-key
24
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@braces/node_modules
25
/Applications/Visual Studio Code.app/Contents/Resources/app/node_modules.asar
26
/System/Library/Frameworks/Carbon.framework/Versions/A/Frameworks/HIToolbox.framework/Versions/A/Resources/HIToolbox.rsrc
27
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@snapdragon/node_modules
28
/System/Library/Frameworks/Carbon.framework/Versions/A/Frameworks/HIToolbox.framework/Versions/A/Resources/English.lproj/Localized.rsrc
29
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@resolve-url
30
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@base
31
/Users/zxiaozhou/.vscode/extensions/pkief.material-icon-theme-4.2.0/dist/material-icons.json
32
/dev/ptmx
33
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@jest/node_modules
34
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/_@[email protected]@@babel/highlight/node_modules/@babel
35
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@object.pick
36
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@jest-cli/node_modules/@jest
38
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@jest-haste-map
39
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@isobject
40
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/_@[email protected]@@jest/core/node_modules
41
/Applications/Visual Studio Code.app/Contents/Resources/app/node_modules.asar
42
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/_@[email protected]@@babel/helper-validator-identifier
45
vnode: FD unavailable
cwd
/Users/zxiaozhou/VsCodeProjects/pro-layout
txt
/Applications/Visual Studio Code.app/Contents/Resources/app/node_modules.asar.unpacked/vscode-ripgrep/bin/rg
txt
/usr/lib/dyld
0
->0x9aff2ec07ceba9a1
1
->0x9aff2ec07ceba429
2
->0x9aff2ec07cebbdf1
3
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@hash-base/node_modules
4
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/_@[email protected]@@storybook/core
6
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@hash-base/node_modules
8
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@parse-asn1
9
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@md5.js/node_modules
10
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@bn.js/lib
12
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@safe-buffer
13
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@readable-stream/node_modules
14
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@md5.js
15
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@inherits
16
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@readable-stream/node_modules
17
vnode: FD unavailable
18
vnode: FD unavailable
19
/Applications/Visual Studio Code.app/Contents/Frameworks/Electron Framework.framework/Versions/A/Resources/v8_context_snapshot.bin
20
/Applications/Visual Studio Code.app/Contents/Frameworks/Electron Framework.framework/Versions/A/Resources/natives_blob.bin
21
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@elliptic/lib/elliptic/curve
22
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/@storybook
23
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@create-hmac/node_modules
25
/Applications/Visual Studio Code.app/Contents/Resources/app/node_modules.asar
26
/System/Library/Frameworks/Carbon.framework/Versions/A/Frameworks/HIToolbox.framework/Versions/A/Resources/HIToolbox.rsrc
28
/System/Library/Frameworks/Carbon.framework/Versions/A/Frameworks/HIToolbox.framework/Versions/A/Resources/English.lproj/Localized.rsrc
29
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@hash-base
30
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@safe-buffer
31
/Users/zxiaozhou/.vscode/extensions/pkief.material-icon-theme-4.2.0/dist/material-icons.json
32
/dev/ptmx
34
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@inherits
35
/Users/zxiaozhou/VsCodeProjects/pro-layout/node_modules/[email protected]@string_decoder/node_modules
41
/Applications/Visual Studio Code.app/Contents/Resources/app/node_modules.asar
@ant-design/icons-vue iconsNO SUPPORT
e.g. https://github.com/vueComponent/pro-layout/tree/next/examples
Here's the Weekly Digest for vueComponent/pro-layout:
Last week, no issues were created.
Last week, 1 pull request was created, updated or merged.
Last week, 1 pull request was updated.
💛 #3 Configure Renovate, by renovate[bot]
Last week there were no commits.
Last week there were no contributors.
Last week there were no stargazers.
Last week there were no releases.
That's all for last week, please 👀 Watch and ⭐ Star the repository vueComponent/pro-layout to receive next weekly updates. 😃
You can also view all Weekly Digests by clicking here.
Your Weekly Digest bot. 📆
`<page-header-wrapper
:tabProps="tabProps"
:tabList="tabList"
:tab-change="tabChange"
:title="false"
content="表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。">
</>
tabProps: {
type: 'card',
size: 'large'
}`
可否这样使用？
tabList和tab-change是可用的。我的需求是如下：
如果不能使用，可否增加加强tabs的配置。
图片不知道为啥打不开，可以打开链接，是可以看到的。
升级前，使用1.6.5正常：
升级后（1.7.1）异常，点击... 子菜单显示成了两部分。如下图：
查看代码发现pageHeaderWrapper未预留sub-title配置项，只能重写pageHeaderRender，请问是否可以添加sub-title属性
？
Here's the Weekly Digest for vueComponent/pro-layout:
Last week, no issues were created.
Last week, 1 pull request was created, updated or merged.
Last week, 1 pull request was updated.
💛 #3 Configure Renovate, by renovate[bot]
Last week there were no commits.
Last week there were no contributors.
Last week there was 1 stargazer.
⭐ xcorp1986
You are the star! 🌟
Last week there were no releases.
That's all for last week, please 👀 Watch and ⭐ Star the repository vueComponent/pro-layout to receive next weekly updates. 😃
You can also view all Weekly Digests by clicking here.
Your Weekly Digest bot. 📆
当侧边栏只隐藏一级子菜单的时候，打开子页面，侧边栏是高亮的。
当侧边栏隐藏两级及以上子菜单的时候，打开子页面，侧边栏不会高亮显示。
能否更新下编译最低node要求，11太低了。。下载网站找了大半天也没找到11版本。。
能否知道handleCollapse 折叠或者展开的动画执行完成的事件。
just about the title,i want to know where i can set it
统一添加前缀，pro-layout被有些dom的class前缀并没有改变，比如ant-pro-sider-menu-logo
没有找到不渲染footer的方法
客户端+服务端渲染（client + ssr ）
是该组件不支持ssr还是需要在nuxt中进行特殊的设置呢?
在BasicLayout.vue中添加
<template v-slot:headerRender> 11111111 </template>
没有效果
Here's the Weekly Digest for vueComponent/pro-layout:
Last week, no issues were created.
Last week, 1 pull request was created, updated or merged.
Last week, 1 pull request was updated.
💛 #3 Configure Renovate, by renovate[bot]
Last week there were no commits.
Last week there were no contributors.
Last week there was 1 stargazer.
⭐ xcorp1986
You are the star! 🌟
Last week there were no releases.
That's all for last week, please 👀 Watch and ⭐ Star the repository vueComponent/pro-layout to receive next weekly updates. 😃
You can also view all Weekly Digests by clicking here.
Your Weekly Digest bot. 📆
删除之后还有默认的页脚啊
This dependency was not found:
Hi!
I am no NuxtJS expert, therefor I wonder how to use it?
Example of a pain point for me to convert from VueJS to NuxtJS :
this.menus = asyncRouterMap.find(item => item.path === '/').childrenCould you provide an example?
就是左边的sidermenu完全hide掉， collapsed只能折叠sidemenu。
有没有可能让menu完全隐藏掉，然后只显示最上面的icon，点击icon出现menu的抽屉？
看了ant design vue的源代码， 怎么把collapsedWidth 传给Sider？
是否可以在SiderMenu.jsx 里面提供collapsedWidth 传给Sider？
谢谢
左上角面包屑点击不跳转只是增加了锚点
建议添加配置侧栏宽度
执行 yarn start
然后报错
> Executing task: npm run start <
> @ant-design-vue/[email protected] start D:\zhuniu\merge-project\test1\pro-layout
> vc-tools run server
Listening at http://localhost:9528
koa deprecated Support for generators will be removed in v3. See the documentation for examples of how to convert old middleware https://github.com/koajs/koa/blob/master/docs/migration.md node_modules\@ant-design-vue\tools\lib\server\index.js:43:7
D:\zhuniu\merge-project\test1\pro-layout\node_modules\@ant-design-vue\tools\node_modules\webpack\lib\webpack.js:31
throw new WebpackOptionsValidationError(webpackOptionsValidationErrors);
^
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.entry should be an non-empty object.
-> Multiple entry bundles are created. The key is the chunk name. The value can be a string or an array.
at webpack (D:\zhuniu\merge-project\test1\pro-layout\node_modules\@ant-design-vue\tools\node_modules\webpack\lib\webpack.js:31:9)
at module.exports (D:\zhuniu\merge-project\test1\pro-layout\node_modules\@ant-design-vue\tools\lib\server\index.js:65:20)
at Object.<anonymous> (D:\zhuniu\merge-project\test1\pro-layout\node_modules\@ant-design-vue\tools\lib\cli\run.js:47:36)
at Module._compile (internal/modules/cjs/loader.js:1138:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
at Module.load (internal/modules/cjs/loader.js:986:32)
at Function.Module._load (internal/modules/cjs/loader.js:879:14)
at Module.require (internal/modules/cjs/loader.js:1026:19)
at require (internal/modules/cjs/helpers.js:72:18)
at Object.<anonymous> (D:\zhuniu\merge-project\test1\pro-layout\node_modules\@ant-design-vue\tools\bin\vc-tools-run.js:2:1)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ant-design-vue/[email protected] start: `vc-tools run server`
npm ERR! Exit status 1
npm ERR!
公司最近计划现有多个项目使用 vue3 重构，新项目直接使用 vue3 开发，完全使用了ant-design-vue和pro-layout。由于业务限制，fork 使用了 pro-layout 修改增加一些业务化的东西，目前 vue3 版pro-layout还在重构中，所以想了解一下新版开发计划安排。
不知新版的 pro-layout 仅是对现有版本的ts重构，还是计划增加一些新的特性，比如 layout(react)一些调整：
1.菜单的宽度和头部的高度，使布局更紧凑
2.菜单的收起和展开放在了菜单最下方
这种调整在小分辨率笔记本下效果更好。
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.