https://join.slack.com/t/antblazor/shared_invite/zt-cw1enker-xVw3s93cTf4uhY2lRGRyRw

I know the project only supports Simplified Chinese and English for now. However, if the browser does not use these two languages by default (e.g. Traditional Chinese), it will return unexpected pages, and some components will get 404 errors.

Does the project plan to support more languages or fix this routing error?😍

the following function onAntSlider.

1. TooltipVisible,
2. TooltipPlacement
3. TipFormatter

above function is not implmented.

#89

微信聊天记录:Rabbitism @james Yeung 如果implement IDisposable，就可以在Dispose方法里面把他从parent删掉掉，这样就可以真同步了。从render tree里面移除的时候会dispose

The drawer component's open and close animation is not reversible. Especially close animation.

link: https://ant-design-blazor.gitee.io/zh-CN/drawer

Some components docs don't show up when selected from the side menu. This could be due to the route of the component razor page.

The URL of "broken" components is usually pre-pended with the /components/ route. Clicking on an item with this route will result in no component being shown.

Steps To Reproduce

1. Go to the GitHub hosted docs, click on a component from the side menu.
2. If the URL contains "/components" then the component razor template won't be displayed. (e.g. Button)
3. Else the razor template will load.

I live in the UK so my language is set to en-GB. The route parameter is set automatically when I go to the docs and in some cases certain components fail to render, returning 404 errors.

Unhandled exception rendering component: Response status code does not indicate success: 404 (Not Found).

In order to view the docs properly, I have to change the route language parameter to en-US.

Steps to reproduce;

1. Open the docs
2. Change the url to https://ant-design-blazor.github.io/en-GB/docs/introduce

do you have a plan rich text ? froala，element-tiptap， they are all good to learn from

Hi!
I'm having trouble with messages component, I just created new wasm project from blazor template, added nuget dependency, and this simple code do not work in Index.razor page, message do dot raise:

@page "/"
@inject MessageService _messageService

<AntButton Type="primary" OnClick="OnClick">
    Display normal message
</AntButton>

@code{
    private void OnClick()
    {
        Console.WriteLine("onclick");
        _messageService.Info("This is a normal message");
    }
}

Does it lack some configuration?

Col组件结束标记没有正确识别，IDE提示语法错误，但是可以正常运行。

Maybe this script can help?

⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️

Road Map

⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️

Milestones

Please check these milestones for details

- MILESTONE: MID 2020 #3✔
- MILESTONE: July 2020 #255✔
- MILESTONE: August 2020 #254✔
- MILESTONE: October 2020 #593💔
- MILESTONE: December 2020 #593✔

• MILESTONE: January 2021 #966
• MILESTONE: February 2021 #967

社区中将发你的组件的相关提问，你不进来，没人可以回答

dotnet/aspnetcore#19004

via https://www.samprof.com/2018/12/15/compile-csharp-and-blazor-inside-browser-en

Code or find a library to implement union types in c#.

1. Select component
   https://ant.design/components/select/

2. Tree Select Component
   https://ant.design/components/tree-select/

There is a same signature method at Microsoft.AspNetCore.Blazor.HttpClient package.

Considering the complexity of document construction, we need to establish a routing mechanism based on file path. via https://chrissainty.com/building-a-custom-router-for-blazor/

I am experimenting blazor UI libraries these days. After going through initial setups and basic elements. I am stuck playing with icons.

1. Got "Menu" control rendered but the icons on menu items, not sure if I have to do anything special for AntIcons.

2. Icon docs not loading for me, tried many times in different browsers but just getting following:
   

Can anyone help me please?

Description

When you open the example code section of a component the code displays as expected. However, if you navigate to another component and look at the code sample, you will see the code for the previously viewed component.

Steps to reproduce

This bug only seems to occur in component pages that are part of the same "group". For example, if you first look at a code sample in the Data Entry group, the second component you navigate to must also be part of the Data Entry Group.

Example;

1. navigate to DatePicker and open the code example.
2. navigate to Input and you will see the Datepicker code example still open and attached to the Input code example.
3. Refreshing the page fixes this issue

when click the edit area,don't popup，easy for users to enter dates manually,
just click the right Icon ,then popup for select.
but now click the edit area,immediately popup,this is not good when it comes to small screens.
At the same time,click on the icon unresponsive.

MessageService 的OnOpening事件保护级别为internal,只有在message组件上才有+=操作,即必须在使用该服务前先调用到message组件的初始化事件而不是像angular版本一样开箱即用

`@page "/Customer/Register"
@using Tkh.Shop.Core.Domain.Customer
@Inject Tkh.Shop.Data.Abstract.Customer.ICustomerDbService CustomerDbService
@Inject ILogger Logger
@Inject HttpClientService Http;
@Inject MessageService _message
@@
@if (test != null)
{

    await    this._message.Info(System.Text.Json.JsonSerializer.Serialize(test));
}

}
`
上述代码会抛出NullReferenceException,只有取消掉的注释才能正常操作

Currently the menu is not following the React or Angular Demo pages.
It would be handy if our menu would look the same as theirs and disable the menu item's of the component is not yet implemented.
Example:

Super excited for this project guys. I'll be following eagerly and I really hope I can contribute one day.

I've collated a small list of pages on the Docs that haven't been completed (probably because the feature isn't finished yet). So here's a checklist if you want to track the progress. Items on this list are either missing, not translated or don't come with accompanying code examples

• Affix
• Backtop
• Breadcrumb
• Card
• Carousel
• Checkbox
• Divider
• Empty
• Grid
• InputNumber
• Notification
• Radio
• Slider
• Steps
• Switch
• Tabs
• Tags
• Timeline

More than happy to help contribute to documentation keeping.

Thanks, guys

<Select  DefaultValue=@(defaultValue) >
    <SelectOption Value="1">Jack</SelectOption>
    <SelectOption Value="2">Lucy</SelectOption>
    <SelectOption Value="3" Disabled>Disabled</SelectOption>
    <SelectOption Value="4">YaoMing</SelectOption>
</Select>

public string defaultValue{ get; set; }
 protected override async Task OnInitializedAsync()  {
   await Task.Delay(3000);
        defaultValue = "4";
}

这种情况下 select的默认选中值就设置不了了

Hi, I was clicking through all the widgets in the demo https://ant-design-blazor.github.io/en-US/components/drawer and whenever I try to open the Drawer the page totally freezes.

Browser: Version 83.0.4103.61 (Official Build) (64-bit)

Screenshot:

Expected behavior

https://streamable.com/xmt2sw

Actual behavior

https://streamable.com/d5wx6n

用推 Tag 打包如何？就是我新建一个 Tag 就会触发 Action 自动构建，自动构建出来的 NuGet 包版本就是 Tag 号

这个方法的优势请看 dotnet CBB 为什么决定推送 Tag 才能打包

可以方便海量的开发者考古的时候找到源代码

InvalidOperationException: JavaScript interop calls cannot be issued at this time. This is because the component is being statically rendererd. When prerendering is enabled, JavaScript interop calls can only be performed during the OnAfterRenderAsync lifecycle method. Microsoft.AspNetCore.Components.Server.Circuits.RemoteJSRuntime.BeginInvokeJS(long asyncHandle, string identifier, string argsJson) Microsoft.JSInterop.JSRuntime.InvokeAsync<TValue>(string identifier, CancellationToken cancellationToken, object[] args) Microsoft.JSInterop.JSRuntime.InvokeWithDefaultCancellation<T>(string identifier, object[] args) System.Runtime.CompilerServices.ValueTaskAwaiter<TResult>.GetResult() AntDesign.AntComponentBase.JsInvokeAsync<T>(string code, object[] args) AntDesign.Row+<>c__DisplayClass33_0+<<SetGutterStyle>b__0>d.MoveNext() AntDesign.EnumerableExtensions.ForEachAsync<T>(IEnumerable<T> items, Func<T, Task> func) AntDesign.Row.SetGutterStyle() AntDesign.Row.OnInitializedAsync()

blazor项目是blazor.server ，直接按照文档的示例复制的组件使用代码。无法正常运行。

希望能尽快完善推出，想知道什么时候可以正式在项目中使用。

When prerendering is enabled, JavaScript interop calls can only be performed during the OnAfterRenderAsync lifecycle method.

Currently, setting the RenderMode to Server in _Host.cshtml file can solve this problem. Like this:

@(await Html.RenderComponentAsync<App>(RenderMode.Server))

Currently some of our components like a <AntButton/> uses camelcase for it's property names.
We should use PascalCase see <AntBadge/> or <AntAlert/>

Todo

• Add Linter #32
• Update all Properties for all components.

Are there any idea's how we will support dark mode? I assume we'll be using a CascadingParameter to choose the theme or do you have any other idea's?

"Input" can't get focus, can't enter any text.
“input”无法获得焦点，无法输入任何文字。

@using System.ComponentModel.DataAnnotations;
@using System.Text.Json;


<Button Type="primary" OnClick="@(()=>{ _visible = true; })">
    Open Modal
</Button>
<Modal Title="@title"
       Visible="@_visible"
       Footer="null">
    <Form Model="@model"
          LabelCol="new ColLayoutParam { Span = 8 }"
          WrapperCol="new ColLayoutParam { Span = 16 }"
          OnFinish="OnFinish"
          OnFinishFailed="OnFinishFailed">
        <FormItem Label="Username">
            <Input @bind-Value="@context.Username" />
        </FormItem>
        <FormItem Label="Password">
            <InputPassword @bind-Value="@context.Password" />
        </FormItem>
        <FormItem WrapperCol="new ColLayoutParam{ Offset = 8, Span = 16 }">
            <Checkbox @bind-Value="context.RememberMe">Remember me</Checkbox>
        </FormItem>
        <FormItem WrapperCol="new ColLayoutParam{ Offset = 8, Span = 16 }">
            <Button Type="@ButtonType.Primary" HtmlType="submit">
                Submit
            </Button>
        </FormItem>
    </Form>
</Modal>
@code{
    string title = "BasicModal";
    bool _visible = false;


    public class Model
    {
        [Required]
        public string Username { get; set; }
        [Required]
        public string Password { get; set; }
        public bool RememberMe { get; set; } = true;
    }

    private Model model = new Model();

    private void OnFinish(EditContext editContext)
    {
        Console.WriteLine($"Success:{JsonSerializer.Serialize(model)}");
    }

    private void OnFinishFailed(EditContext editContext)
    {
        Console.WriteLine($"Failed:{JsonSerializer.Serialize(model)}");
    }
}

blazor.server.js:15 [2020-04-29T15:08:37.853Z] Error: System.InvalidOperationException: The current thread is not associated with the Dispatcher. Use InvokeAsync() to switch execution to the Dispatcher when triggering rendering or component state.
at Microsoft.AspNetCore.Components.Dispatcher.AssertAccess()
at Microsoft.AspNetCore.Components.RenderTree.Renderer.AddToRenderQueue(Int32 componentId, RenderFragment renderFragment)
at Microsoft.AspNetCore.Components.ComponentBase.StateHasChanged()
at AntBlazor.AntDatePicker.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)
e.log @ blazor.server.js:15
C @ blazor.server.js:8
(anonymous) @ blazor.server.js:8
(anonymous) @ blazor.server.js:1
e.invokeClientMethod @ blazor.server.js:1
e.processIncomingData @ blazor.server.js:1
connection.onreceive @ blazor.server.js:1
i.onmessage @ blazor.server.js:1
blazor.server.js:1 [2020-04-29T15:08:37.857Z] Information: Connection disconnected.
9blazor.server.js:1 Uncaught (in promise) Error: Cannot send data if the connection is not in the 'Connected' State.
at e.send (blazor.server.js:1)
at e.sendMessage (blazor.server.js:1)
at e.sendWithProtocol (blazor.server.js:1)
at e.send (blazor.server.js:1)
at blazor.server.js:8
at Object.t.dispatchEvent (blazor.server.js:8)
at blazor.server.js:8
at e.onEvent (blazor.server.js:8)
at e.onGlobalEvent (blazor.server.js:8)
e.send @ blazor.server.js:1
e.sendMessage @ blazor.server.js:1
e.sendWithProtocol @ blazor.server.js:1
e.send @ blazor.server.js:1
(anonymous) @ blazor.server.js:8
t.dispatchEvent @ blazor.server.js:8
(anonymous) @ blazor.server.js:8
(anonymous) @ blazor.server.js:8
e.onGlobalEvent @ blazor.server.js:8
blazor.server.js:1 Uncaught (in promise) Error: Cannot send data if the connection is not in the 'Connected' State.
at e.send (blazor.server.js:1)
at e.sendMessage (blazor.server.js:1)
at e.sendWithProtocol (blazor.server.js:1)
at e.send (blazor.server.js:1)
at Object.beginInvokeDotNetFromJS (blazor.server.js:8)
at c (blazor.server.js:8)
at e.invokeMethodAsync (blazor.server.js:8)
at o (interop.ts:40)
e.send @ blazor.server.js:1
e.sendMessage @ blazor.server.js:1
e.sendWithProtocol @ blazor.server.js:1
e.send @ blazor.server.js:1
beginInvokeDotNetFromJS @ blazor.server.js:8
c @ blazor.server.js:8
e.invokeMethodAsync @ blazor.server.js:8
o @ interop.ts:40

So it can reflect the latest documentation.

https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-2-0-preview-2-release-now-available/

You can support us in any of the following ways:

• OpenCollective
• Alipay
• Wechat

Thanks to the following friends for their generous donation:

You can contact me to add your link.😊

- [![Slack Group](https://img.shields.io/badge/Slack-AntBlazor-blue.svg?style=flat-square&logo=slack)](https://join.slack.com/t/antblazor/shared_invite/zt-cw1enker-xVw3s93cTf4uhY2lRGRyRw) (Chinese & English)

This link is not working anymore, is it possible to get a link? I also wanted to discuss regarding possible contribution.

使用https://ant-design-blazor.gitee.io/zh-CN/components/layout 中的案例代码可以显示出来,但只要点击浏览器刷新就会报错:
编译后正常显示:

点击浏览器刷新按钮后:

see https://ant-design-blazor.github.io/zh-CN/grid

Would be nice to have fiddles from code snippets.

https://blazorfiddle.com/
https://blazorrepl.com/

EDIT:
Would seem neither sites yet have an API to create fiddles.. Guess this would be a waiting game to see which site will add it first.

Does "ant-design-blazor" have any existing components to make a Char?
Are there any plans to support it?
Thanks!

“Form”中随着组件增加输入延迟明显增加，严重影响使用体验。
With the increase of components in the "Form", the input delay increases significantly, which seriously affects the user experience.

This shows up when using the Icon component directly like this

@{
                    RenderFragment sub1Title =
                    @<span>
                        <Icon Type="user" Theme="outline" />
                        subnav 1
                    </span>;
                }

or this

<div>
    <Button  Type="primary" OnClick="_=>open()">Open</Button>

    <Drawer Width="@wdFirstLayer" Closable="true" Visible="visible1" Title='("Multi-level drawer")' OnClose="_=>close()">
        <Button Type="primary" OnClick="_=>ShowDrawer()">Two-level Drawer</Button>
        <Drawer Width="260" Closable="true" Visible="visible2" Title='("two-level drawer")' OnClose="_=>CloseDrawer()">
            <Button Type="primary">This is two-level drawer</Button>
        </Drawer>

    </Drawer>
</div>

Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100]
Unhandled exception rendering component: This instance has already started one or more requests. Properties can only be modified before sending the first request.
System.InvalidOperationException: This instance has already started one or more requests. Properties can only be modified before sending the first request.
at System.Net.Http.HttpClient.CheckDisposedOrStarted()
at System.Net.Http.HttpClient.set_BaseAddress(Uri value)
at AntDesign.IconService..ctor(HttpClient httpClient, NavigationManager navigationManager, IJSRuntime js)
at ResolveService(ILEmitResolverBuilderRuntimeContext , ServiceProviderEngineScope )
at Microsoft.Extensions.DependencyInjection.ServiceLookup.ServiceProviderEngine.GetService(Type serviceType, ServiceProviderEngineScope serviceProviderEngineScope)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.ServiceProviderEngineScope.GetService(Type serviceType)
at Microsoft.AspNetCore.Components.ComponentFactory.<>c__DisplayClass5_0.g__Initialize|2(IServiceProvider serviceProvider, IComponent component)
at Microsoft.AspNetCore.Components.ComponentFactory.PerformPropertyInjection(IServiceProvider serviceProvider, IComponent instance)
at Microsoft.AspNetCore.Components.ComponentFactory.InstantiateComponent(IServiceProvider serviceProvider, Type componentType)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.InstantiateChildComponentOnFrame(RenderTreeFrame& frame, Int32 parentComponentId)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewComponentFrame(DiffContext& diffContext, Int32 frameIndex)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewSubtree(DiffContext& diffContext, Int32 frameIndex)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InsertNewFrame(DiffContext& diffContext, Int32 newFrameIndex)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange1 oldTree, ArrayRange1 newTree)
at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()
fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
Unhandled exception in circuit 'NMyPf0HijSCy-ybBWIPgdMz_B66lB9AzBMPp172y2CE'.
System.InvalidOperationException: This instance has already started one or more requests. Properties can only be modified before sending the first request.
at System.Net.Http.HttpClient.CheckDisposedOrStarted()
at System.Net.Http.HttpClient.set_BaseAddress(Uri value)
at AntDesign.IconService..ctor(HttpClient httpClient, NavigationManager navigationManager, IJSRuntime js)
at ResolveService(ILEmitResolverBuilderRuntimeContext , ServiceProviderEngineScope )
at Microsoft.Extensions.DependencyInjection.ServiceLookup.ServiceProviderEngine.GetService(Type serviceType, ServiceProviderEngineScope serviceProviderEngineScope)
at Microsoft.Extensions.DependencyInjection.ServiceLookup.ServiceProviderEngineScope.GetService(Type serviceType)
at Microsoft.AspNetCore.Components.ComponentFactory.<>c__DisplayClass5_0.g__Initialize|2(IServiceProvider serviceProvider, IComponent component)
at Microsoft.AspNetCore.Components.ComponentFactory.PerformPropertyInjection(IServiceProvider serviceProvider, IComponent instance)
at Microsoft.AspNetCore.Components.ComponentFactory.InstantiateComponent(IServiceProvider serviceProvider, Type componentType)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.InstantiateChildComponentOnFrame(RenderTreeFrame& frame, Int32 parentComponentId)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewComponentFrame(DiffContext& diffContext, Int32 frameIndex)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InitializeNewSubtree(DiffContext& diffContext, Int32 frameIndex)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.InsertNewFrame(DiffContext& diffContext, Int32 newFrameIndex)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.AppendDiffEntriesForRange(DiffContext& diffContext, Int32 oldStartIndex, Int32 oldEndIndexExcl, Int32 newStartIndex, Int32 newEndIndexExcl)
at Microsoft.AspNetCore.Components.RenderTree.RenderTreeDiffBuilder.ComputeDiff(Renderer renderer, RenderBatchBuilder batchBuilder, Int32 componentId, ArrayRange1 oldTree, ArrayRange1 newTree)
at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()

MILESTONE: MID 2020

Components

The following are all of the components currently in ant-design. Let's Implement them together.

• affix @brian-ding #98
• alert (#26) @ElderJames
• anchor @brian-ding #280
• auto-complete @iliuhai #251
• avatar @ElderJames
• back-top @GarvinTan #53
• badge @ElderJames #160
• breadcrumb @ElderJames
• button @ElderJames
• calendar @mutouzdl #176
• card @ElderJames
• carousel @brian-ding #96
• cascader @iliuhai #172
• checkbox @ElderJames @Zhuangkh #69
• collapse @TimChen44 #226
• comment @Zhuangkh #80
  - [ ] config-provider
• date-picker @mutouzdl #85
• descriptions @TimChen44 #224
• divider @ElderJames
• drawer @ElderJames @1002527441 @zxyao145
• dropdown @mutouzdl #93
• empty @mutouzdl #78
• form @mutouzdl @ElderJames @TimChen44 #168
• grid @ElderJames
• icon @ElderJames
• input-number @brian-ding @TimChen44 #45
• input (#33 ) @brian-ding @TimChen44 #33
• layout @ElderJames
• list @setli (basic #91)
  - [ ] mentions @1002527441
• menu @ElderJames @mutouzdl #126
• message @zxyao145 #128
• modal @zxyao145 #167
• notification @zxyao145 #99
• page-header @TimChen44 #211
• pagination @ElderJames #130
• popconfirm @Zhuangkh #288
• popover @Zhuangkh #263
• progress @brian-ding #129
• radio @ElderJames #36
• rate @hrx521 #166
• result @ElderJames #113
• select @thinkershare @iliuhai #196
• skeleton @TimChen44 #234
• slider @brian-ding #87
• space @ElderJames #115
• spin @ElderJames #114
• statistic @hrx521 #205
• steps @rabbitism #46
• switch @ElderJames
• table @AlseinX @ElderJames #75
• tabs @brian-ding #67
• tag @ElderJames @1002527441
• time-picker @mutouzdl #85
• timeline @ElderJames
• tooltip @Zhuangkh #131
• transfer @MountainTang #148
  - [ ] tree-select
• tree @BlazorPlus #112
• typography @rabbitism #7
• upload @adsioj #276

Docs

- [ ] Support for Dark mode #31

• Dynamic rendering of demo and markdown #18
• Localization for English and Chinese #59
• Official-like theme
• Cover offical demos as much as possible (check list: #141 ) @1002527441

Build

• Refactor the CI/CD in Github Actions #151
• Gitee Sync & Reload the Pages (f9066a8)
• PR Preview Pages (#48)