• Github
• Microsoft Account
• Dingtalk
• WeChat

I noticed that the Pro template is unusable on mobile and in general not as responsive as the Ant Design Pro template. Although the styles are synced between Ant Design Blazor and Ant Design.

Are there some Blazor specific issues?
How can I help to improve that?

Ant Design Pro Blazor	Ant Design Pro

I used this command to create project : dotnet new antdesign -o MyAntDesignApp. Project is going well, but I can not do any debugging with VS 2019. Did the template disable debug ? Please let me know.

unable to add imports using statement in Basic Layout razor Page.

i am getting the below issue. kindly advice how to resolve the issue.

I got this error when deploying to Azure by VS publish function.

This is error details:
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'gulp:pro'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose config Skipping project config: C:\Users\hoang.phan/.npmrc. (matches userconfig)
5 verbose stack Error: ENOENT: no such file or directory, open 'C:\Users\hoang.phan\package.json'
6 verbose cwd C:\Users\hoang.phan\source\repos\LBT.Blazor
7 verbose Windows_NT 10.0.19042
8 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "gulp:pro"
9 verbose node v12.18.3
10 verbose npm v6.14.6
11 error code ENOENT
12 error syscall open
13 error path C:\Users\hoang.phan\package.json
14 error errno -4058
15 error enoent ENOENT: no such file or directory, open 'C:\Users\hoang.phan\package.json'
16 error enoent This is related to npm not being able to find a file.
17 verbose exit [ -4058, true ]

Thanks so much.

无法修改目标框架至.net5.0

<FormItem Label="种类">
@if (selectNodes.Count > 0)
{
     <Cascader Options="@selectNodes" @bind-Value="@context.SubType" OnChange="OnAnimalTypeSelected"></Cascader>
}
</FormItem>

级联菜单的数据是来自一个异步请求的结果，bind的context数据也是来自一个异步请求的结果，都是在OnInitializedAsync()中完成的.

在没有if判断的情况下，页面会这样显示

这个“British shorthai”是一个二级选项.

选择其他选项后，依然只会显示一个2级选项，父选项没有带出，并且会触发4次OnChange事件，外加一个错误，如下图

如果加上if就像开始贴的代码那样，则会出现以下效果

2级选项被显示两次，并且触发两次OnChange

选择其他选项后，会正常显示，但是一样有4个OnChange事件，外加一个错误，和第二张图基本一致

Menu菜单数据的数据 MenuDataItem 如果设置为null 或者重复值会引发程序死循环。

没弄懂文档的使用，比如： 这个a-tree-select在项目里对应的C#组件

Please add EvenCallBack to get the data of Item in NoticeList: some thing like OnClick or OnClickItem
Thank you!

After a new AntBlazor Tempalte with net5 this happend.. Any fix for this pls ?

Hi, i have a problem to show messages from components. It simple not show up. For example i have components in to components, how to show messages from component which is in the bottom of the stack ?

for exampl:

<Componet1>
      <ComponetChild>
      </ComponetChild>
</Componet1>

so in this child component im calling message like this
await message.Error("sdfsdfsdf");
but i wont show up :(

BaseLayout菜单收缩按钮在初始化时正常显示，当点击收缩或展开时保持高亮状态，无法消除，请问这如何解决？

I keep getting compilation errors from my VS 'Tooltip' is an ambiguous reference between 'AntDesign.Tooltip' and AntDesign.Charts.Tooltip'.

It runs but obstructs my project (and I imagine anyone's project). I do not think it adds to user experience. I raised this issue #36) but the response was to fully qualify the components. So my suggestion is to also fully qualify the Tooltip component in:

• Components/GlobalHeader/RightContent.razor
• Pages/Account/Center/Components/Applications/Applications.razor
• Pages/Account/Center/Components/AvatarList/AvatarList.razor
• Pages/Dashboard/Analysis/MiniProgress.razor
• Pages/List/Search/Applications/Applications.razor

Hi, i tried to hard code the prosettings on startup like this:

builder.Services.Configure<ProSettings>(settings =>
 {
                settings.NavTheme = "realDark";
                settings.HeaderHeight = 48;
                settings.Layout = "mix";
                settings.ContentWidth = "Fluid";
                settings.FixedHeader = false;
                settings.FixSiderbar = true;
                settings.Title = "AdminPanel Maycon Couto";
                settings.PrimaryColor = "daybreak";
                settings.ColorWeak = false;
                settings.SplitMenus = false;
                settings.HeaderRender = true;
                settings.MenuRender = true;
                settings.MenuHeaderRender = true;
});

Only some of the settings are applied, if i go to the Settings menu and press on the dark theme again it updates the value and changes the theme.

使用dotnet new antdesign --host=hosted --full 命令生成模板错误

When you go to page https://antblazor.com/en-US/components

many examples are outdated. For example select, some forms, Tables, and a few others. Can you please fix it to match them with NET5 ?

Regards

How would one remove the footer which shows the below content:

Ant Design ProAnt Design
Copyright 2019 蚂蚁金服体验技术部出品

Hi is there a way to get run this project in English please ? All i can see is shattered tea :)

How to remove the logo in BasicLayout

系统能去掉package.json，谢谢

AntDesign.Pro.Layout.dll 是开源的吗，没有找到地址，麻烦给个地址。

Hello, if you have time, add the login authentication mechanism. Only realize the user login and display the current user name, and the other is customized according to user needs.

点击头部的消息组件，弹出后无法关闭

hello,

I tried getting started with ant design pro.
I created a new page and inserted a table from here:
https://antblazor.com/en-US/components/table#ant-blazor-6fc0adc5-84d8-4c25-b0c1-a875725716e5

The index.razor file looks 100% like the example. I tried multiple. they all failed to compile:
Index.razor(8, 5): [RZ9985] Multiple components use the tag 'Column'. Components: AntDesign.Column, AntDesign.Column, AntDesign.Charts.Column, Microsoft.AspNetCore.Components.Bind
Index.razor(14, 5): [RZ9985] Multiple components use the tag 'Column'. Components: AntDesign.Column, AntDesign.Charts.Column
Index.razor(20, 5): [RZ9985] Multiple components use the tag 'Column'. Components: AntDesign.Column, AntDesign.Column, AntDesign.Charts.Column, Microsoft.AspNetCore.Components.Bind
Index.razor(26, 5): [RZ9985] Multiple components use the tag 'Column'. Components: AntDesign.Column, AntDesign.Column, AntDesign.Charts.Column, Microsoft.AspNetCore.Components.Bind
Index.razor(31, 5): [RZ9985] Multiple components use the tag 'Column'. Components: AntDesign.Column, AntDesign.Column, AntDesign.Charts.Column, Microsoft.AspNetCore.Components.Bind

使用 dotnet new antdesign --host=server 命令生成

GET https://localhost:5001/_content/AntDesign.Pro.Layout/css/prolayout.css net::ERR_ABORTED 404

尝试设置BasicLayout 的 OpenKeys属性，但是没有效果

is it compatible with Blazor Web Assembly version ?

小白请教：

主要手机的时候：

抽屉可以正常弹出，但是内容区域是空的~

点击事件

[Inject] DrawerService DrawerService { get; set; }
        private async void ShowModal()
        {
            var result= await DrawerService.CreateDialogAsync<Component, string, string>("ok", title: "测试", width: 450);

        }

Component.razor

@namespace AntDesign
@inherits DrawerTemplate<string, string>


<div>
    value: <Input @bind-Value="value" />
    <br />
    <br />
    <Button Type="primary" OnClick="OnClose">Confirm</Button>
</div>

@code{
    string value;
    protected override void OnInitialized()
    {
        value = this.Options;
        base.OnInitialized();
    }
    async void OnClose()
    {
        await this.CloseAsync(value);
    }
}

Component.razor.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace AntDesign
{
    public partial class Component : DrawerTemplate<string, string>
    {

    }
}

在BasicList.razor页面测试的。

Properties/launchSettings.json中的
"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
该参数， 仅适用于WebAssembly项目，对于serverside项目，不应附加该参数。

详见：MSDN
https://docs.microsoft.com/zh-cn/aspnet/core/blazor/debug?view=aspnetcore-5.0&tabs=visual-studio

附加该参数后，会导致

1. 启动调试时打开的浏览器页面，空白。 无法直接加载项目
   

2. IDE大概20秒左右，会提示
   

移除该参数后，调试恢复正常。

Failed to find a valid digest in the 'integrity' attribute for resource 'https://localhost:5001/_framework/AntDesign.dll' with computed SHA-256 integrity 'YAe67wlzT9CxEWOsx9Wmis/lBSV6uh/suhtKF8/pmtw='. The resource has been blocked.
遇到这个问题该怎么解决啊 , 一直在加载界面进不去

重现步骤

Step1: 在vscode中打开目录 "C:\BlazorAntDesignPro"
Step2: 在终端输入 "dotnet new antdesign --host=wasm --full"
Step3: 在终端输入 "dotnet run"
Step4: 在浏览器输入 "https://localhost:5001/"

结果

浏览器的控制台报错： "Could not find 'AntDesign' in 'window'"
页面看起来像是丢失了css

我下载了pro项目源码，运行是没问题的，效果也正常，就是用模板创建项目会有这个问题。

---------------------------------- translate -------------------------------------

Steps

Step1: open vscode, open dir "C:\BlazorAntDesignPro"
Step2: type "dotnet new antdesign --host=wasm --full" in the terminal
Step3: type "dotnet run" in the terminal
Step4: enter "https://localhost:5001/" in the browser

Result

I got "Could not find 'AntDesign' in 'window'" error, and it seems that the css is lost.

Here's error message：

System.NullReferenceException: Object reference not set to an instance of an object.
at AntDesign.Row.OptimizeSize(Decimal windowWidth)
at AntDesign.Row.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Object reference not set to an instance of an object.
System.NullReferenceException: Object reference not set to an instance of an object.
at AntDesign.Row.OptimizeSize(Decimal windowWidth)
at AntDesign.Row.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)

Pro Template

• Account
  • Center
  • Settings
• Dashboard
  • Analysis [WIP]
  • Monitor [WIP]
  • Workplace
• Editor [Not Started]
  • Flow [Not Started]
  • Koni [Not Started]
  • Mind [Not Started]
• Exception
  • 403
  • 404
  • 500
• Form
  • AdvancedForm
  • BasicForm
  • StepForm
• List
  • BasicList
  • CardList
  • Search
  • TableList [WIP]
• Profile
  • Advanced
  • Basic
• Result
  • Fail
  • Success
• User
  • Login
  • Register
  • RegisterResult [WIP]

Pro Layout

• GlobalFooter
• GlobalHeader
• GridContent
• PageContainer
• PageLoading
• SettingDrawer
• SiderMenu
• TopNavHeader

Pro Table

• Alert
• ColumnSetting
• Dropdown
• ListToolBar
• Toolbar

Pro List

• ListView

Found bug with Col

目前BasicLayout中提供的MenuData，仅支持静态数据，如果要实现数据，动态加载， 重新做整个Layout，又太麻烦，是否可以把Layout中的SideMenu，单独放出来？这样在使用时，可以方便的替换。或者在BasicLayout的属性中， 暴露下SideMenu的其它事件， 以方便修改MenuData。

或者有其它更好的解决方案？

在运行示例的时候，提示参数source错误

`
dotnet new antdesign --host=wasm --full
The template "Ant Design Pro Blazor App" was created successfully.

Processing post-creation actions...
Running 'dotnet restore' on R:\t1\AntDesign.Pro.csproj...
MSBUILD : error MSB1009: 项目文件不存在。
开关:R:\t1\AntDesign.Pro.csproj

Restore failed.
Post action failed.
Description: Restore NuGet packages required by this project.
Manual instructions: Run 'dotnet restore'
`

hello 当我设置 "SplitMenus" 为 “ true” 的时候 顶部菜单变成白色了

visual studio 开发，调试打开没多久就报错

A project just don't run and shows this error:

error MSB3073: The command "npm run gulp:pro" exited with code 1.

The build failed. Fix the build errors and run again.

watch : Exited with error code 1

Steps to reproduce (please include code)

1. Create a project using a template antdesign wasm (we'll get these scripts).

    "scripts": {
        "start": "dotnet watch run",
        "build": "dotnet publish -o dist",
        "gulp:pro": "gulp --gulpfile ./gulpfile.js",
        "test": "echo \"Error: no test specified\" && exit 1"
    }

2. Run script build.
3. Run script start and get the bug.

Exceptions (if any)

If we run npm run gulp:pro it shows the error:

[21:34:13] Using gulpfile ~\RiderProjects\Proj\gulpfile.js
[21:34:13] Starting 'default'...
[21:34:13] Starting 'less'...
[21:34:16] 'less' errored after 3.18 s
[21:34:16] Error in plugin "gulp-less"
Message:
    variable @alert-prefix-cls is undefined in file C:\Users\rodio\RiderProjects\Proj\dist\wwwroot\_content\AntDesign\less\alert\style\rtl.less line no. 1
Details:
    type: Name
    filename: C:\Users\rodio\RiderProjects\Proj\dist\wwwroot\_content\AntDesign\less\alert\style\rtl.less
    index: 1
    line: 1
    column: 1
    callLine: NaN
    callExtract: undefined
    extract: ,.@{alert-prefix-cls} {,  &&-rtl {
    lineNumber: 1
    fileName: C:\Users\rodio\RiderProjects\Proj\dist\wwwroot\_content\AntDesign\less\alert\style\rtl.less
    domainEmitter: [object Object]
    domainThrown: false

[21:34:16] 'default' errored after 3.18 s
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] gulp:pro: `gulp --gulpfile ./gulpfile.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] gulp:pro script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\rodio\AppData\Roaming\npm-cache\_logs\2021-02-04T18_34_16_936Z-debug.log

Also deleting a folder 'dist' will solve the problem (but it's not right anyway).

Further technical details

• AntDesign Nuget Package version: 0.6.0
• Include the output of dotnet --info:

.NET SDK (reflecting any global.json):
 Version:   5.0.102
 Commit:    71365b4d42

Runtime Environment:
 OS Name:     Windows
 OS Version:  10.0.19041
 OS Platform: Windows
 RID:         win10-x64
 Base Path:   C:\Program Files\dotnet\sdk\5.0.102\

Host (useful for support):
  Version: 5.0.2
  Commit:  cb5f173b96

.NET SDKs installed:
  2.2.207 [C:\Program Files\dotnet\sdk]
  3.1.402 [C:\Program Files\dotnet\sdk]
  5.0.102 [C:\Program Files\dotnet\sdk]

.NET runtimes installed:
  Microsoft.AspNetCore.All 2.1.24 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.All]
  Microsoft.AspNetCore.All 2.2.8 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.All]
  Microsoft.AspNetCore.App 2.1.24 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 2.2.8 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 3.1.8 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 3.1.11 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.AspNetCore.App 5.0.2 [C:\Program Files\dotnet\shared\Microsoft.AspNetCore.App]
  Microsoft.NETCore.App 2.1.24 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 2.2.8 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 3.1.8 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 3.1.11 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.NETCore.App 5.0.2 [C:\Program Files\dotnet\shared\Microsoft.NETCore.App]
  Microsoft.WindowsDesktop.App 3.1.8 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 3.1.11 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]
  Microsoft.WindowsDesktop.App 5.0.2 [C:\Program Files\dotnet\shared\Microsoft.WindowsDesktop.App]

• The IDE (VS / VS Code/ VS4Mac) you're running on, and it's version: Rider 2020.3.2

And thanks the team for a great product!

异常

• BasicLayout 中的 SettingDrawer 开启时 与 RightContent 中的Message，会造成重复弹出全局Message 。
• 移除SettingDrawer 后，保留RightContent 中的Message，全局Message在抽屉打开时，会显示再遮罩层下面。

正常

移除SettingDrawer 后,将RightContent 中的Message移至BasicLayout 就正常了；