Improve Blazor module extensibility feature

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/CheckExtensionProperty.razor

@@ -2,10 +2,20 @@
 @typeparam TResourceType
 @using Volo.Abp.BlazoriseUI
 @using Volo.Abp.Localization
+@inherits ExtensionPropertyComponentBase<TEntity, TResourceType>
 
 @if (PropertyInfo != null && Entity != null)
 {
-    <Field>
-        <Check TValue="bool" @bind-Checked="@Value">@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</Check>
-    </Field>
-}
+    <Validation Validator="@Validate" MessageLocalizer="@LH.Localize">
+        <Field>
+            <Check TValue="bool" @bind-Checked="@Value">
+                <ChildContent>
+                    @PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)
+                </ChildContent>
+                <Feedback>
+                    <ValidationError/>
+                </Feedback>
+            </Check>
+        </Field>
+    </Validation>
+}

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/CheckExtensionProperty.razor.cs

@@ -1,22 +1,10 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.Extensions.Localization;
-using Volo.Abp.Data;
-using Volo.Abp.ObjectExtending;
+using Volo.Abp.Data;
 
 namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
 
-public partial class CheckExtensionProperty<TEntity, TResourceType> : ComponentBase
+public partial class CheckExtensionProperty<TEntity, TResourceType>
     where TEntity : IHasExtraProperties
 {
-    [Inject]
-    public IStringLocalizerFactory StringLocalizerFactory { get; set; }
-
-    [Parameter]
-    public TEntity Entity { get; set; }
-
-    [Parameter]
-    public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
-
     protected bool Value {
         get {
             return PropertyInfo.GetInputValueOrDefault<bool>(Entity.GetProperty(PropertyInfo.Name));

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/DateTimeExtensionProperty.razor

@@ -3,15 +3,21 @@
 @using Volo.Abp.BlazoriseUI
 @using Volo.Abp.Localization
 @using Volo.Abp.ObjectExtending
+@inherits ExtensionPropertyComponentBase<TEntity, TResourceType>
 
 @if (PropertyInfo != null && Entity != null)
 {
-    <Field>
-        <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
-        <DateEdit TValue="DateTime?"
-                  InputMode="@(PropertyInfo.IsDate() ? DateInputMode.Date : DateInputMode.DateTime)"
-                  Pattern="@PropertyInfo.GetDateEditInputFormatOrNull()"
-                  @bind-Date="@Value">
-        </DateEdit>
-    </Field>
+    <Validation Validator="@Validate" MessageLocalizer="@LH.Localize">
+        <Field>
+            <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
+            <DateEdit TValue="DateTime?"
+                      InputMode="@(PropertyInfo.IsDate() ? DateInputMode.Date : DateInputMode.DateTime)"
+                      Pattern="@PropertyInfo.GetDateEditInputFormatOrNull()"
+                      @bind-Date="@Value">
+                <Feedback>
+                    <ValidationError/>
+                </Feedback>
+            </DateEdit>
+        </Field>
+    </Validation>
 }

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/DateTimeExtensionProperty.razor.cs

@@ -5,23 +5,16 @@ using System.Collections.Generic;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
+using Blazorise;
+using Volo.Abp.AspNetCore.Components.Web;
 using Volo.Abp.Data;
 using Volo.Abp.ObjectExtending;
 
 namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
 
-public partial class DateTimeExtensionProperty<TEntity, TResourceType> : ComponentBase
+public partial class DateTimeExtensionProperty<TEntity, TResourceType>
     where TEntity : IHasExtraProperties
 {
-    [Inject]
-    public IStringLocalizerFactory StringLocalizerFactory { get; set; }
-
-    [Parameter]
-    public TEntity Entity { get; set; }
-
-    [Parameter]
-    public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
-
     protected DateTime? Value {
         get {
             return PropertyInfo.GetInputValueOrDefault<DateTime?>(Entity.GetProperty(PropertyInfo.Name));

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/ExtensionProperties.razor

@@ -1,7 +1,6 @@
 @typeparam TEntityType
 @typeparam TResourceType
 @using Volo.Abp.ObjectExtending
-@using Volo.Abp.Localization
 @using Volo.Abp.Data
 
 @{
@@ -13,11 +12,11 @@
         {
             if (propertyInfo.Type.IsEnum)
             {
-                <SelectExtensionProperty PropertyInfo="@propertyInfo" Entity="@Entity" TEntity="TEntityType" TResourceType="TResourceType" />
+                <SelectExtensionProperty PropertyInfo="@propertyInfo" Entity="@Entity" TEntity="TEntityType" TResourceType="TResourceType" LH="@LH" />
             }
             else if (!propertyInfo.Lookup.Url.IsNullOrEmpty())
             {
-                <LookupExtensionProperty PropertyInfo="@propertyInfo" Entity="@Entity" TEntity="TEntityType" TResourceType="TResourceType" />
+                <LookupExtensionProperty PropertyInfo="@propertyInfo" Entity="@Entity" TEntity="TEntityType" TResourceType="TResourceType" LH="@LH" />
             }
             else
             {
@@ -25,6 +24,7 @@
                 __builder.OpenComponent(0, inputType.MakeGenericType(new[] { typeof(TEntityType), typeof(TResourceType) }));
                 __builder.AddAttribute(1, "PropertyInfo", propertyInfo);
                 __builder.AddAttribute(2, "Entity", Entity);
+                __builder.AddAttribute(3, "LH", LH);
                 __builder.CloseComponent();
             }
         }

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/ExtensionPropertyComponentBase.cs

@@ -0,0 +1,39 @@
+using System.Linq;
+using Blazorise;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Localization;
+using Volo.Abp.AspNetCore.Components.Web;
+using Volo.Abp.Data;
+using Volo.Abp.ObjectExtending;
+
+namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
+
+public abstract class ExtensionPropertyComponentBase<TEntity, TResourceType> : OwningComponentBase
+    where TEntity : IHasExtraProperties
+{
+    [Inject]
+    public IStringLocalizerFactory StringLocalizerFactory { get; set; }
+
+    [Parameter]
+    public TEntity Entity { get; set; }
+
+    [Parameter]
+    public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
+
+    [Parameter]
+    public AbpBlazorMessageLocalizerHelper<TResourceType> LH { get; set; }
+
+    protected virtual void Validate(ValidatorEventArgs e)
+    {
+        e.Status = ValidationStatus.Success;
+
+        var result = ExtensibleObjectValidator.GetValidationErrors(Entity, PropertyInfo.Name, e.Value);
+        if (!result.Any())
+        {
+            return;
+        }
+
+        e.Status = ValidationStatus.Error;
+        e.ErrorText = result.First().ErrorMessage;
+    }
+}

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/LookupExtensionProperty.razor

@@ -2,18 +2,19 @@
 @typeparam TResourceType
 @using Abp.Localization
 @using Blazorise.Components
+@inherits ExtensionPropertyComponentBase<TEntity, TResourceType>
 
 <Field>
     <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
     <Autocomplete Data="@lookupItems"
                   TItem="SelectItem<object>"
                   TValue="object"
-                  TextField="item=>item.Text"
-                  ValueField="item=>item.Value"
+                  TextField="item => item.Text"
+                  ValueField="item => item.Value"
                   SelectedValue="@SelectedValue"
                   SelectedValueChanged="@SelectedValueChanged"
                   SearchChanged="@SearchFilterChangedAsync"
+                  Validator="@Validate"
                   MinLength="0">
     </Autocomplete>
 </Field>
- 

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/LookupExtensionProperty.razor.cs

@@ -9,6 +9,8 @@ using System.Net.Http;
 using System.Net.Http.Headers;
 using System.Text.Json;
 using System.Threading.Tasks;
+using Blazorise;
+using Volo.Abp.AspNetCore.Components.Web;
 using Volo.Abp.AspNetCore.Components.Web.Extensibility;
 using Volo.Abp.Data;
 using Volo.Abp.Http;
@@ -18,18 +20,11 @@ using Volo.Abp.ObjectExtending;
 
 namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
 
-public partial class LookupExtensionProperty<TEntity, TResourceType> : ComponentBase
+public partial class LookupExtensionProperty<TEntity, TResourceType>
     where TEntity : IHasExtraProperties
 {
     protected List<SelectItem<object>> lookupItems;
 
-    [Inject] public IStringLocalizerFactory StringLocalizerFactory { get; set; }
-
-    [Parameter] public TEntity Entity { get; set; }
-
-    [Parameter] public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
-
-
     [Inject] public ILookupApiRequestService LookupApiService { get; set; }
 
     public string TextPropertyName => PropertyInfo.Name + "_Text";
@@ -63,7 +58,7 @@ public partial class LookupExtensionProperty<TEntity, TResourceType> : Component
 
     protected virtual void UpdateLookupTextProperty(object value)
     {
-        var selectedItemText = lookupItems.SingleOrDefault(t => t.Value.Equals(value)).Text;
+        var selectedItemText = lookupItems.SingleOrDefault(t => t.Value.Equals(value))?.Text;
         Entity.SetProperty(TextPropertyName, selectedItemText);
     }
 
@@ -101,12 +96,12 @@ public partial class LookupExtensionProperty<TEntity, TResourceType> : Component
         return Task.CompletedTask;
     }
 
-    protected async Task SearchFilterChangedAsync(string filter)
+    protected virtual async Task SearchFilterChangedAsync(string filter)
     {
         lookupItems = await GetLookupItemsAsync(filter);
     }
 
-    protected override async Task OnAfterRenderAsync(bool firstRender)
+    protected async override Task OnAfterRenderAsync(bool firstRender)
     {
         await base.OnAfterRenderAsync(firstRender);
 

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/SelectExtensionProperty.razor

@@ -1,13 +1,21 @@
 @typeparam TEntity
 @typeparam TResourceType
 @using Abp.Localization
+@inherits ExtensionPropertyComponentBase<TEntity, TResourceType>
 
-<Field>
-    <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
-    <Select @bind-SelectedValue="@SelectedValue" >
-        @foreach (var item in SelectItems)
-        {
-            <SelectItem Value="@item.Value">@item.Text</SelectItem>
-        }
-    </Select>
-</Field>
+<Validation Validator="@Validate" MessageLocalizer="@LH.Localize">
+    <Field>
+        <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
+        <Select @bind-SelectedValue="@SelectedValue">
+            <ChildContent>
+                @foreach (var item in SelectItems)
+                {
+                    <SelectItem Value="@item.Value">@item.Text</SelectItem>
+                }
+            </ChildContent>
+            <Feedback>
+                <ValidationError/>
+            </Feedback>
+        </Select>
+    </Field>
+</Validation>

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/SelectExtensionProperty.razor.cs

@@ -2,23 +2,20 @@
 using Microsoft.Extensions.Localization;
 using System;
 using System.Collections.Generic;
+using System.Linq;
+using Blazorise;
+using Volo.Abp.AspNetCore.Components.Web;
 using Volo.Abp.Data;
 using Volo.Abp.Localization;
 using Volo.Abp.ObjectExtending;
 
 namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
 
-public partial class SelectExtensionProperty<TEntity, TResourceType> : ComponentBase
+public partial class SelectExtensionProperty<TEntity, TResourceType>
     where TEntity : IHasExtraProperties
 {
     protected List<SelectItem<int>> SelectItems = new();
 
-    [Inject] public IStringLocalizerFactory StringLocalizerFactory { get; set; }
-
-    [Parameter] public TEntity Entity { get; set; }
-
-    [Parameter] public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
-
     public int SelectedValue {
         get { return Entity.GetProperty<int>(PropertyInfo.Name); }
         set { Entity.SetProperty(PropertyInfo.Name, value, false); }

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/TextExtensionProperty.razor

@@ -2,13 +2,18 @@
 @typeparam TResourceType
 @using Volo.Abp.BlazoriseUI
 @using Volo.Abp.Localization
+@inherits ExtensionPropertyComponentBase<TEntity, TResourceType>
 
 @if (PropertyInfo != null && Entity != null)
 {
-    <Field>
-        <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
-        <TextEdit @bind-Text="@Value" Role="@PropertyInfo.GetTextRole()" InputMode="@PropertyInfo.GetTextInputMode()">
-          
-        </TextEdit>
-    </Field>
-}
+    <Validation Validator="@Validate" MessageLocalizer="@LH.Localize">
+        <Field>
+            <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>
+            <TextEdit @bind-Text="@Value" Role="@PropertyInfo.GetTextRole()" InputMode="@PropertyInfo.GetTextInputMode()">
+                 <Feedback>
+                    <ValidationError/>
+                </Feedback>
+            </TextEdit>
+        </Field>
+    </Validation>
+}

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/TextExtensionProperty.razor.cs

@@ -1,23 +1,10 @@
-using Microsoft.AspNetCore.Components;
-using Microsoft.Extensions.Localization;
-using Volo.Abp.Data;
-using Volo.Abp.ObjectExtending;
+using Volo.Abp.Data;
 
 namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
 
-public partial class TextExtensionProperty<TEntity, TResourceType> : ComponentBase
+public partial class TextExtensionProperty<TEntity, TResourceType>
     where TEntity : IHasExtraProperties
 {
-    [Inject]
-    public IStringLocalizerFactory StringLocalizerFactory { get; set; }
-
-    [Parameter]
-    public TEntity Entity { get; set; }
-
-    [Parameter]
-    public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
-
-
     protected string Value {
         get {
             return PropertyInfo.GetTextInputValueOrNull(Entity.GetProperty(PropertyInfo.Name));

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/TimeExtensionProperty.razor

@@ -2,12 +2,18 @@
 @typeparam TResourceType
 @using Volo.Abp.BlazoriseUI
 @using Volo.Abp.Localization
+@inherits ExtensionPropertyComponentBase<TEntity, TResourceType>
 
 @if (PropertyInfo != null && Entity != null)
 {
-    <Field>
-        <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>-->
-        <TimeEdit TValue="TimeSpan?" @bind-Time="@Value">
-        </TimeEdit>
-    </Field>
-}
+    <Validation Validator="@Validate" MessageLocalizer="@LH.Localize">
+        <Field>
+            <FieldLabel>@PropertyInfo.GetLocalizedDisplayName(StringLocalizerFactory)</FieldLabel>-->
+            <TimeEdit TValue="TimeSpan?" @bind-Time="@Value">
+                 <Feedback>
+                    <ValidationError/>
+                </Feedback>
+            </TimeEdit>
+        </Field>
+    </Validation>
+}

framework/src/Volo.Abp.BlazoriseUI/Components/ObjectExtending/TimeExtensionProperty.razor.cs

@@ -5,23 +5,16 @@ using System.Collections.Generic;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
+using Blazorise;
+using Volo.Abp.AspNetCore.Components.Web;
 using Volo.Abp.Data;
 using Volo.Abp.ObjectExtending;
 
 namespace Volo.Abp.BlazoriseUI.Components.ObjectExtending;
 
-public partial class TimeExtensionProperty<TEntity, TResourceType> : ComponentBase
+public partial class TimeExtensionProperty<TEntity, TResourceType>
     where TEntity : IHasExtraProperties
 {
-    [Inject]
-    public IStringLocalizerFactory StringLocalizerFactory { get; set; }
-
-    [Parameter]
-    public TEntity Entity { get; set; }
-
-    [Parameter]
-    public ObjectExtensionPropertyInfo PropertyInfo { get; set; }
-
     protected TimeSpan? Value {
         get {
             return PropertyInfo.GetInputValueOrDefault<TimeSpan?>(Entity.GetProperty(PropertyInfo.Name));