Aspnetcore: Ошибка сборки, когда параметр и дочерний компонент имеют одинаковое имя

Добавить поддержку для @tagHelperPrefix

Проблема

Текущая реализация Blazor v0.6.0 не поддерживает Razor @tagHelperPrefix

Функциональное воздействие

Попытка включить дочерний компонент в RenderFragment родительского компонента, где и дочерний, и RenderFragment имеют одинаковое имя, приведет к ошибке времени компиляции.

Минимальные шаги воспроизведения

Предположим, у нас есть компонент в Panel.cshtml как показано ниже:

<div class="panel panel-default">
  <div class="panel-heading">@PanelHeader</div>
  <div class="panel-body">@PanelBody</div>
</div>

@functions{
  [Parameter] private RenderFragment PanelHeader { get; set; }
  [Parameter] private RenderFragment PanelBody { get; set; }
}

и еще один компонент в PanelHeader.cshtml например:

<div>@Title</div>
<div>@SubTitle</div>

@functions{
  [Parameter] private string Title { get; set; }
  [Parameter] private string SubTitle { get; set; }
}

то использование этих двух компонентов на странице, как показано ниже, приведет к ошибке времени компиляции:

<Panel>
  <PanelHeader>
       <PanelHeader Title="some title" SubTitle="sub title"></PanelHeader>
  </PanelHeader>
  <PanelBody>Some content ...</PanelBody>
<Panel>

Предложение

Я бы порекомендовал добавить поддержку @tagHelperPrefix чтобы упростить различение компонентов от RenderFragments.

Приведенный выше код можно переписать следующим образом:

Panel.cshtml будет таким:

<strong i="32">@tagHelperPrefix</strong> "pre1:"
<div class="panel panel-default">
  <div  class="panel-heading">@PanelHeader</div>
  <div  class="panel-body">@PanelBody</div>
</div>

@functions{
  [Parameter] private RenderFragment PanelHeader { get; set; }
  [Parameter] private RenderFragment PanelBody { get; set; }
}

И PanelHeader.cshtml будет выглядеть так:

<strong i="37">@tagHelperPrefix</strong> "pre2:"
<div>@Title</div>
<div>@SubTitle</div>

@functions{
  [Parameter] private string Title { get; set; }
  [Parameter] private string SubTitle { get; set; }
}

И, наконец, дочерний и родительский компоненты можно использовать следующим образом:

<pre1:Panel>
  <PanelHeader>
       <pre2:PanelHeader Title="some title" SubTitle="sub title"></pre2:PanelHeader>
  </PanelHeader>
  <PanelBody>Some content ...</PanelBody>
<pre1:Panel>