Gathering detailed insights and metrics for @gui-one/pro-layout
Gathering detailed insights and metrics for @gui-one/pro-layout
Gathering detailed insights and metrics for @gui-one/pro-layout
Gathering detailed insights and metrics for @gui-one/pro-layout
npm install @gui-one/pro-layout
Typescript
Module System
Node Version
NPM Version
@ant-design/pro-components@2.8.6
Updated on Feb 17, 2025
@ant-design/pro-components@2.8.5
Updated on Feb 12, 2025
@ant-design/pro-components@2.8.4
Updated on Jan 18, 2025
@ant-design/pro-components@2.8.3
Updated on Jan 06, 2025
@ant-design/pro-components@2.8.2
Updated on Nov 14, 2024
@ant-design/pro-components@2.8.0
Updated on Oct 17, 2024
TypeScript (99.15%)
JavaScript (0.85%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
4,540 Stars
6,553 Commits
1,411 Forks
49 Watchers
16 Branches
688 Contributors
Updated on Jul 17, 2025
Latest Version
6.34.5
Package Id
@gui-one/pro-layout@6.34.5
Unpacked Size
1.32 MB
Size
345.19 kB
File Count
208
NPM Version
6.14.16
Node Version
14.19.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
18
ProLayout provides a standard, yet flexible, middle and backend layout, with one-click layout switching and automatic menu generation. It can be used with PageContainer to automatically generate breadcrumbs, page headers, and provide a low-cost solution to access the footer toolbar.
ProLayout can be used to reduce layout costs when content needs to be carried on a page.
ProLayout works best with umi. umi automatically injects the routes from config.ts into the configured layout for us, so we don't have to write the menus by hand.
ProLayout extends umi's router configuration, adding name, icon, locale, hideInMenu, hideChildrenInMenu and other configurations, so that it is easier to generate menus in one place. The data format is as follows.
1export interface MenuDataItem { 2 /** @name submenu */ 3 children?: MenuDataItem[]; 4 /** @name Hide child nodes in the menu */ 5 hideChildrenInMenu?: boolean; 6 /** @name hideSelf and children in menu */ 7 hideInMenu?: boolean; 8 /** @name Icon of the menu */ 9 icon?: React.ReactNode; 10 /** @name Internationalization key for custom menus */ 11 locale?: string | false; 12 /** @name The name of the menu */ 13 name?: string; 14 /** @name is used to calibrate the selected value, default is path */ 15 key?: string; 16 /** @name disable menu option */ 17 disabled?: boolean; 18 /** @name path */ 19 path?: string; 20 /** 21 * When this node is selected, the node of parentKeys is also selected 22 * 23 * @name custom parent node 24 */ 25 parentKeys?: string[]; 26 /** @name hides itself and elevates child nodes to its level */ 27 flatMenu?: boolean; 28 29 [key: string]: any; 30}
ProLayout will automatically select the menu based on location.pathname
and automatically generate the corresponding breadcrumbs. If you don't want to use it, you can configure selectedKeys
and openKeys
yourself for controlled configuration.
Using npm:
1$ npm install --save @ant-design/pro-layout
or using yarn:
1$ yarn add @ant-design/pro-layout
No vulnerabilities found.
Reason
24 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
Reason
no binaries found in the repo
Reason
SAST tool detected but not run on all commits
Details
Reason
Found 16/30 approved changesets -- score normalized to 5
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
branch protection not enabled on development/release branches
Details
Reason
security policy file not detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
project is not fuzzed
Details
Reason
39 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-14
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More