重构 STextField 组件并优化样式 (#783)

Author: MayueCif

src/Masa.Stack.Components/Shared/IntegrationComponents/STextField.cs

@@ -1,4 +1,6 @@
-namespace Masa.Stack.Components;
+using Masa.Stack.Components.Standalone;
+
+namespace Masa.Stack.Components;
 
 public class STextField<TValue> : MTextField<TValue>
 {
@@ -29,7 +31,7 @@ public class STextField<TValue> : MTextField<TValue>
     private RenderFragment? _tooltipContent;
     private RenderFragment? _actionContent;
     private string? _fieldName;
-    
+
     public override async Task SetParametersAsync(ParameterView parameters)
     {
         Dense = true;
@@ -42,7 +44,7 @@ public override async Task SetParametersAsync(ParameterView parameters)
     protected override void OnParametersSet()
     {
         base.OnParametersSet();
-        
+
         // TODO: refactor the following code about css
         Class ??= "";
         if (Large is false && Small is false) Medium = true;
@@ -77,14 +79,14 @@ protected override void OnParametersSet()
         if (Action is not null)
         {
             Action.Invoke(InternalAction);
-        
+
             _actionContent ??= builder =>
             {
                 builder.OpenComponent<MDivider>(0);
                 builder.AddAttribute(1, "Vertical", true);
                 builder.CloseComponent();
-        
-                builder.OpenComponent<SAutoLoadingButton>(2);
+
+                builder.OpenComponent<SBtn>(2);
                 builder.AddAttribute(3, "Text", InternalAction.Text);
                 builder.AddAttribute(4, "Disabled", InternalAction.Disabled);
                 builder.AddAttribute(5, "Color", InternalAction.Color);
@@ -94,7 +96,7 @@ protected override void OnParametersSet()
                 builder.AddAttribute(9, "ChildContent", (RenderFragment)(cb => cb.AddContent(9, InternalAction.Content)));
                 builder.CloseComponent();
             };
-        
+
             AppendContent = _actionContent;
         }
 

src/Masa.Stack.Components/wwwroot/css/app.css

@@ -506,6 +506,8 @@ h1:focus {
 
 .masa-stack-components .m-text-field--outlined.m-input--dense.m-input--dense-48 .m-input__append-inner {
     margin-top: 12px;
+    height: 48px;
+    margin-right: -12px;
 }
 
 .masa-stack-components .m-text-field--outlined.m-input--dense.m-input--dense-40 .m-label {