AntDesign.ProLayout
1.4.0
Prefix Reserved
dotnet add package AntDesign.ProLayout --version 1.4.0
NuGet\Install-Package AntDesign.ProLayout -Version 1.4.0
<PackageReference Include="AntDesign.ProLayout" Version="1.4.0" />
<PackageVersion Include="AntDesign.ProLayout" Version="1.4.0" />
<PackageReference Include="AntDesign.ProLayout" />
paket add AntDesign.ProLayout --version 1.4.0
#r "nuget: AntDesign.ProLayout, 1.4.0"
#:package AntDesign.ProLayout@1.4.0
#addin nuget:?package=AntDesign.ProLayout&version=1.4.0
#tool nuget:?package=AntDesign.ProLayout&version=1.4.0
@ant-design/pro-layout
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.
When to use
ProLayout can be used to reduce layout costs when content needs to be carried on a page.
Use with umi plugins
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.
export interface MenuDataItem {
/** @name submenu */
children?: MenuDataItem[];
/** @name Hide child nodes in the menu */
hideChildrenInMenu?: boolean;
/** @name hideSelf and children in menu */
hideInMenu?: boolean;
/** @name Icon of the menu */
icon?: React.ReactNode;
/** @name Internationalization key for custom menus */
locale?: string | false;
/** @name The name of the menu */
name?: string;
/** @name is used to calibrate the selected value, default is path */
key?: string;
/** @name disable menu option */
disabled?: boolean;
/** @name path */
path?: string;
/**
* When this node is selected, the node of parentKeys is also selected
*
* @name custom parent node
*/
parentKeys?: string[];
/** @name hides itself and elevates child nodes to its level */
flatMenu?: boolean;
[key: string]: any;
}
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.
Install
Using npm:
$ npm install --save @ant-design/pro-layout
or using yarn:
$ yarn add @ant-design/pro-layout
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net5.0 is compatible. net5.0-windows was computed. net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
| .NET Core | netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
| .NET Standard | netstandard2.1 is compatible. |
| MonoAndroid | monoandroid was computed. |
| MonoMac | monomac was computed. |
| MonoTouch | monotouch was computed. |
| Tizen | tizen60 was computed. |
| Xamarin.iOS | xamarinios was computed. |
| Xamarin.Mac | xamarinmac was computed. |
| Xamarin.TVOS | xamarintvos was computed. |
| Xamarin.WatchOS | xamarinwatchos was computed. |
NuGet packages (7)
Showing the top 5 NuGet packages that depend on AntDesign.ProLayout:
| Package | Downloads |
|---|---|
|
BD.Common.AspNetCore.Blazor.BackManage
次元超越通用多租户后台 UI 库 |
|
|
BlazeGate.RBAC.Components
Package Description |
|
|
AppOS.DDD.UI.AntDesign
面向数据和领域驱动、易用、强大、高效、安全、智能、现代的一站式企业级基础设施，提供 AntDesign UI、客户端凭存储（LocalStorage、SessionStorage）、自适应渲染模式的凭证管理（Credential）、账号管理（Account）和多租户管理（Tenant）等能力。 |
|
|
AppOS.D4.UI.AntDesign
面向数据和领域驱动、易用、强大、高效、安全、智能、现代化的一站式企业级基础设施，提供 AntDesign UI、客户端凭存储（LocalStorage、SessionStorage）、自适应渲染模式的凭证管理（Credential）、账号管理（Account）和多租户管理（Tenant）等能力。 |
|
|
MyGuo.Core.Wasm
Package Description |
GitHub repositories (5)
Showing the top 5 popular GitHub repositories that depend on AntDesign.ProLayout:
| Repository | Stars |
|---|---|
|
AIDotNet/GraphRag.Net
参考GraphRag使用 Semantic Kernel 来实现的dotnet版本，可以使用NuGet开箱即用集成到项目中
|
|
|
weibaohui/blazork8s
manage k8s using c# blazor enhance by chatgpt ,try something new ！使用blazor技术开发的内置OpenAI GPT的k8s 管理界面
|
|
|
thangchung/northwind-dotnet
A full-stack .NET 6 Microservices build on Minimal APIs and C# 10
|
|
|
AIDotNet/Text2Sql.Net
Text2Sql.Net 是一个使用DotNet和Semantic Kernel开发的Text2Sql工具
|
|
|
netcorepal/d3shop
An online shop project based on Domain-Driven Design
|