Connected/Connected.Components
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor UIComponent

Browse Source 
Removed unnecessary Category tags.
Removed Tag property as it usually leads to component abuse.
Refactored class format.
This commit is contained in:
Matija Koželj 2022-12-06 15:23:41 +01:00
parent 08a8a5338f
commit f62c1f267e
1 changed files with 26 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
Components/UIComponent.cs
View File

@ -1,62 +1,36 @@
using Connected.Annotations;
using Connected.Middleware;
using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.Logging;
using Microsoft.AspNetCore.Components;
namespace Connected.Components;
public abstract class UIComponent : ComponentBase
{
[Inject]
private ILoggerFactory LoggerFactory { get; set; }
[Inject]
private IComponentMiddlewareService? MiddlewareService { get; set; }
/// <summary>
/// User class names, separated by space.
/// </summary>
[Parameter]
public string Class { get; set; }
private ILogger _logger;
protected ILogger Logger => _logger ??= LoggerFactory.CreateLogger(GetType());
/// <summary>
/// User styles, applied on top of the component's own classes and styles.
/// </summary>
[Parameter]
public string Style { get; set; }
/// <summary>
/// User class names, separated by space.
/// </summary>
[Parameter]
[Category(CategoryTypes.ComponentBase.Common)]
public string Class { get; set; }
/// <summary>
/// Use Tag to attach any user data object to the component for your convenience.
/// </summary>
[Parameter]
public object Tag { get; set; }
/// <summary>
/// User styles, applied on top of the component's own classes and styles.
/// </summary>
[Parameter]
[Category(CategoryTypes.ComponentBase.Common)]
public string Style { get; set; }
/// <summary>
/// UserAttributes carries all attributes you add to the component that don't match any of its parameters.
/// They will be splatted onto the underlying HTML tag.
/// </summary>
[Parameter(CaptureUnmatchedValues = true)]
public Dictionary<string, object> UserAttributes { get; set; } = new();
/// <summary>
/// Use Tag to attach any user data object to the component for your convenience.
/// </summary>
[Parameter]
[Category(CategoryTypes.ComponentBase.Common)]
public object Tag { get; set; }
/// <summary>
/// UserAttributes carries all attributes you add to the component that don't match any of its parameters.
/// They will be splatted onto the underlying HTML tag.
/// </summary>
[Parameter(CaptureUnmatchedValues = true)]
[Category(CategoryTypes.ComponentBase.Common)]
public Dictionary<string, object> UserAttributes { get; set; } = new Dictionary<string, object>();
/// <summary>
/// If the UserAttributes contain an ID make it accessible for WCAG labelling of input fields
/// </summary>
public string FieldId => (UserAttributes?.ContainsKey("id") == true ? UserAttributes["id"].ToString() : $"mudinput-{Guid.NewGuid()}");
protected Type ResolveComponent<TComponent>()
{
if (MiddlewareService is null)
return typeof(TComponent);
if (MiddlewareService.Select<TComponent>() is Type type)
return type;
return typeof(TComponent);
}
/// <summary>
/// If the UserAttributes contain an ID make it accessible for WCAG labelling of input fields
/// </summary>
public string FieldId => UserAttributes.TryGetValue("id", out var id) ? id.ToString() : $"input-{Guid.NewGuid()}";
}