context menu v2

This commit is contained in:
Matt Parker
2025-08-03 02:10:28 +10:00
parent 7dc103d894
commit 6f39261cae

View File

@@ -13,29 +13,27 @@
transition-duration: 0.0s !important;
}
</style>
<MudMenu Style="flex-direction: column; width: 100%" ActivationEvent="@MouseEvent.RightClick" PositionAtCursor="true" Dense="true" Modal="false">
<ActivatorContent>
<MudTreeView T="ISharpIdeNode" Dense="true" ExpandOnClick="true">
<MudTreeViewItem T="ISharpIdeNode" TextTypo="Typo.body2" Expanded="true" Icon="@Icons.Material.Filled.Folder" IconColor="Color.Primary" Value="@SolutionModel" Text="@SolutionModel.Name">
@foreach (var folder in SolutionModel.Folders)
{
@GetSolutionFolderFragment(folder)
}
@foreach (var project in SolutionModel.Projects)
{
@GetProjectFragment(project)
}
</MudTreeViewItem>
</MudTreeView>
</ActivatorContent>
<ChildContent>
<MudMenuItem Icon="@Icons.Material.Filled.PlayArrow" IconColor="Color.Success" Label="Run" />
<MudMenuItem Label="Build" />
<MudMenuItem Label="Rebuild" />
<MudMenuItem Label="Clean" />
<MudMenuItem Label="Restore" />
</ChildContent>
</MudMenu>
<MudTreeView T="ISharpIdeNode" Dense="true" ExpandOnClick="true">
<MudTreeViewItem T="ISharpIdeNode" TextTypo="Typo.body2" Expanded="true" Icon="@Icons.Material.Filled.Folder" IconColor="Color.Primary" Value="@SolutionModel" Text="@SolutionModel.Name">
@foreach (var folder in SolutionModel.Folders)
{
@GetSolutionFolderFragment(folder)
}
@foreach (var project in SolutionModel.Projects)
{
@GetProjectFragment(project)
}
</MudTreeViewItem>
</MudTreeView>
<MudMenu PositionAtCursor @ref="_contextMenuRef" Dense="true" Modal="false">
<MudMenuItem Icon="@Icons.Material.Filled.PlayArrow" IconColor="Color.Success" Label="Run" />
<MudMenuItem Label="Build" />
<MudMenuItem Label="Rebuild" />
<MudMenuItem Label="Clean" />
<MudMenuItem Label="Restore" />
</MudMenu>
@code {
[Parameter, EditorRequired]
@@ -47,12 +45,19 @@
[Parameter]
public EventCallback<SharpIdeFile> SelectedFileChanged { get; set; }
private MudMenu _contextMenuRef = null!;
private async Task InvokeSelectedFileChanged(SharpIdeFile file)
{
SelectedFile = file;
await SelectedFileChanged.InvokeAsync(file);
}
private async Task OpenProjectContextMenu(MouseEventArgs args)
{
await _contextMenuRef.OpenMenuAsync(args);
}
private RenderFragment GetSolutionFolderFragment(SharpIdeSolutionFolder slnFolder) =>
@<text>
<MudTreeViewItem T="ISharpIdeNode" TextTypo="Typo.body2" Icon="@Icons.Material.Filled.Folder" IconColor="Color.Primary" Value="@slnFolder" Text="@slnFolder.Name" @bind-Expanded="@slnFolder.Expanded">
@@ -76,20 +81,23 @@
private RenderFragment GetProjectFragment(SharpIdeProjectModel project) =>
@<text>
<MudTreeViewItem T="ISharpIdeNode" TextTypo="Typo.body2" Icon="@Icons.Custom.FileFormats.FileCode" IconColor="Color.Success" Text="@project.Name" Value="project" @bind-Expanded="@project.Expanded">
@if (project.Expanded)
{
@foreach (var folder in project.Folders)
<div @onclick="@OpenProjectContextMenu" @oncontextmenu="@OpenProjectContextMenu" @oncontextmenu:preventDefault @oncontextmenu:stopPropagation>
<MudTreeViewItem T="ISharpIdeNode" TextTypo="Typo.body2" Icon="@Icons.Custom.FileFormats.FileCode" IconColor="Color.Success" Text="@project.Name" Value="project" @bind-Expanded="@project.Expanded">
@if (project.Expanded)
{
@foreach (var folder in project.Folders)
{
@GetFolderFragment(folder)
}
@foreach (var file in project.Files)
{
@GetFileFragment(file)
}
}
@foreach (var file in project.Files)
{
@GetFileFragment(file)
}
}
</MudTreeViewItem>
</text>;
</MudTreeViewItem>
</div>
</text>;
private RenderFragment GetFolderFragment(SharpIdeFolder folder) =>
@<text>