vuecomponent / pro-components Goto Github PK
View Code? Open in Web Editor NEWeasy use `Ant Design Vue` layout
License: MIT License
easy use `Ant Design Vue` layout
License: MIT License
建议添加配置侧栏宽度
在一些业务场景中,针对三级菜单的业务系统,希望能有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
左上角面包屑点击不跳转只是增加了锚点
能否更新下编译最低node要求,11太低了。。下载网站找了大半天也没找到11版本。。
统一添加前缀,pro-layout被有些dom的class前缀并没有改变,比如ant-pro-sider-menu-logo
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. 📆
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. 📆
看了文档,没找到怎么给左侧菜单栏增加徽标数,请指教
执行 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!
比如:
/page?group=0d124178-ea30-4b3a-a81e-3e34148527c9
https://github.com/vueComponent/pro-layout/blob/master/src/components/RouteMenu/BaseMenu.jsx#L131
这里的 selectedKeys 通过 $route.fullPath 获取是否可行?
求助:menus中的数据都正常,但是界面渲染出来后,meta中的title不显示。
我这边碰到一个人,有这种需求,正常也不会有,看了源码好像没看到支持的地方,原组件支持
@ant-design/icons-vue
iconsNO SUPPORT
e.g. https://github.com/vueComponent/pro-layout/tree/next/examples
就是左边的sidermenu完全hide掉, collapsed只能折叠sidemenu。
有没有可能让menu完全隐藏掉,然后只显示最上面的icon,点击icon出现menu的抽屉?
看了ant design vue的源代码, 怎么把collapsedWidth 传给Sider?
是否可以在SiderMenu.jsx 里面提供collapsedWidth 传给Sider?
谢谢
删除之后还有默认的页脚啊
在BasicLayout.vue中添加
<template v-slot:headerRender> 11111111 </template>
没有效果
项目在本地编译与开发的时候会得到ReferenceError: primordials is not defined 类似错误。能否提供对应的开发环境依赖呢。我想在项目上进行一些二次开发。感谢
This dependency was not found:
PageHeaderWrapper只显示面包屑不显示标题,将:title="false"会使标题变成字符串false,而没有隐藏
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. 📆
公司最近计划现有多个项目使用 vue3
重构,新项目直接使用 vue3
开发,完全使用了ant-design-vue和pro-layout。由于业务限制,fork 使用了 pro-layout
修改增加一些业务化的东西,目前 vue3
版pro-layout还在重构中,所以想了解一下新版开发计划安排。
不知新版的 pro-layout
仅是对现有版本的ts重构,还是计划增加一些新的特性,比如 layout(react)一些调整:
1.菜单的宽度和头部的高度,使布局更紧凑
2.菜单的收起和展开放在了菜单最下方
这种调整在小分辨率笔记本下效果更好。
[主题颜色错误]主题相关覆盖错误问题集中反馈 中有人提过这个问题和解决方式,不过使用pro-layout
时没法修改相关代码。
希望能针对该问题做一定的修正。
能否知道handleCollapse 折叠或者展开的动画执行完成的事件。
没有找到不渲染footer的方法
These dependencies were not found:
请问prolayout是否有菜单的slot可以更改呢,默认的菜单和需求不太匹配,目前只找到侧边菜单可以改的地方,顶部菜单好像没法改,menu不传就报错,有较好的方式保留用prolayout的情况下改变菜单的响应方式吗
请问 next 分支的 examples 代码如何跑起来?是使用了什么cli工具么?vue serve
貌似不支持 tsx
just about the title,i want to know where i can set it
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. 📆
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 === '/').children
Could you provide an example?
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.