AntDesign.ProLayout
0.20.2.1
dotnet add package AntDesign.ProLayout --version 0.20.2.1
NuGet\Install-Package AntDesign.ProLayout -Version 0.20.2.1
<PackageReference Include="AntDesign.ProLayout" Version="0.20.2.1" />
paket add AntDesign.ProLayout --version 0.20.2.1
#r "nuget: AntDesign.ProLayout, 0.20.2.1"
// Install AntDesign.ProLayout as a Cake Addin #addin nuget:?package=AntDesign.ProLayout&version=0.20.2.1 // Install AntDesign.ProLayout as a Cake Tool #tool nuget:?package=AntDesign.ProLayout&version=0.20.2.1
@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. |
.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 (4)
Showing the top 4 NuGet packages that depend on AntDesign.ProLayout:
Package | Downloads |
---|---|
BD.Common.AspNetCore.Blazor.BackManage
次元超越通用多租户后台 UI 库 |
|
MyGuo.Core.Wasm
Package Description |
|
ServiceReport.Ui.Web.Core
Package Description |
|
ServiceReport.Ui.Core
Package Description |
GitHub repositories (3)
Showing the top 3 popular GitHub repositories that depend on AntDesign.ProLayout:
Repository | Stars |
---|---|
thangchung/northwind-dotnet
A full-stack .NET 6 Microservices build on Minimal APIs and C# 10
|
|
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 管理界面
|