From 150ff5410ac337ce6332b4444930c5ad06467a36 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Fri, 20 Sep 2024 23:02:36 +0800
Subject: [PATCH 1/4] feat: introducing background and foreground setting for
 loading container.

---
 src/Ursa.Themes.Semi/Controls/Loading.axaml   |  4 ++++
 src/Ursa/Controls/Loading/LoadingContainer.cs | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/Ursa.Themes.Semi/Controls/Loading.axaml b/src/Ursa.Themes.Semi/Controls/Loading.axaml
index 38c53e5..4d8d689 100644
--- a/src/Ursa.Themes.Semi/Controls/Loading.axaml
+++ b/src/Ursa.Themes.Semi/Controls/Loading.axaml
@@ -93,6 +93,8 @@
 
     <ControlTheme x:Key="{x:Type u:LoadingContainer}" TargetType="u:LoadingContainer">
         <Setter Property="HorizontalContentAlignment" Value="Center" />
+        <Setter Property="MessageForeground" Value="{DynamicResource TextBlockDefaultForeground}"/>
+        <Setter Property="Background" Value="{DynamicResource LoadingMaskBackground}" />
         <Setter Property="VerticalContentAlignment" Value="Center" />
         <Setter Property="Indicator">
             <Template>
@@ -109,6 +111,8 @@
                         Content="{TemplateBinding Content}"
                         ContentTemplate="{TemplateBinding ContentTemplate}" />
                     <u:Loading
+                        Background="{TemplateBinding Background}"
+                        Foreground="{TemplateBinding MessageForeground}"
                         Content="{TemplateBinding LoadingMessage}"
                         ContentTemplate="{TemplateBinding LoadingMessageTemplate}"
                         Indicator="{TemplateBinding Indicator}"
diff --git a/src/Ursa/Controls/Loading/LoadingContainer.cs b/src/Ursa/Controls/Loading/LoadingContainer.cs
index 024d678..bd7c35e 100644
--- a/src/Ursa/Controls/Loading/LoadingContainer.cs
+++ b/src/Ursa/Controls/Loading/LoadingContainer.cs
@@ -2,6 +2,7 @@ using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Controls.Metadata;
 using Avalonia.Controls.Templates;
+using Avalonia.Media;
 
 namespace Ursa.Controls;
 
@@ -28,6 +29,15 @@ public class LoadingContainer: ContentControl
         set => SetValue(LoadingMessageProperty, value);
     }
 
+    public static readonly StyledProperty<IBrush?> MessageForegroundProperty = AvaloniaProperty.Register<LoadingContainer, IBrush?>(
+        nameof(MessageForeground));
+
+    public IBrush? MessageForeground
+    {
+        get => GetValue(MessageForegroundProperty);
+        set => SetValue(MessageForegroundProperty, value);
+    }
+
     public static readonly StyledProperty<IDataTemplate> LoadingMessageTemplateProperty = AvaloniaProperty.Register<LoadingContainer, IDataTemplate>(
         nameof(LoadingMessageTemplate));
 

From 054ab858b4084bb414cca88a07657463e63528fc Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Fri, 20 Sep 2024 23:04:26 +0800
Subject: [PATCH 2/4] fix: fix loading type.

---
 src/Ursa/Controls/Loading/Loading.cs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Ursa/Controls/Loading/Loading.cs b/src/Ursa/Controls/Loading/Loading.cs
index a444dc2..75dd8ce 100644
--- a/src/Ursa/Controls/Loading/Loading.cs
+++ b/src/Ursa/Controls/Loading/Loading.cs
@@ -14,10 +14,10 @@ public class Loading: ContentControl
         set => SetValue(IndicatorProperty, value);
     }
 
-    public static readonly StyledProperty<object?> IsLoadingProperty = AvaloniaProperty.Register<Loading, object?>(
+    public static readonly StyledProperty<bool> IsLoadingProperty = AvaloniaProperty.Register<Loading, bool>(
         nameof(IsLoading));
 
-    public object? IsLoading
+    public bool IsLoading
     {
         get => GetValue(IsLoadingProperty);
         set => SetValue(IsLoadingProperty, value);

From 34811c68847029d3845e600cf02965f8df39e861 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Sat, 21 Sep 2024 19:27:05 +0800
Subject: [PATCH 3/4] feat: fix loading animation issue.

---
 demo/Ursa.Demo/Pages/LoadingDemo.axaml      |  2 +-
 src/Ursa.Themes.Semi/Controls/Loading.axaml | 31 ++++++++++-----------
 src/Ursa/Controls/Loading/LoadingIcon.cs    | 10 ++++++-
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/demo/Ursa.Demo/Pages/LoadingDemo.axaml b/demo/Ursa.Demo/Pages/LoadingDemo.axaml
index 00c0fb9..696a614 100644
--- a/demo/Ursa.Demo/Pages/LoadingDemo.axaml
+++ b/demo/Ursa.Demo/Pages/LoadingDemo.axaml
@@ -10,7 +10,7 @@
     mc:Ignorable="d">
     <Grid RowDefinitions="Auto, Auto, *">
         <ToggleSwitch Name="s" Content="Loading" />
-        <StackPanel Grid.Row="1" Orientation="Horizontal">
+        <StackPanel Grid.Row="1" Orientation="Horizontal" IsVisible="False">
             <u:LoadingIcon Classes="Small" />
             <u:LoadingIcon />
             <u:LoadingIcon Classes="Large" />
diff --git a/src/Ursa.Themes.Semi/Controls/Loading.axaml b/src/Ursa.Themes.Semi/Controls/Loading.axaml
index 4d8d689..be8337c 100644
--- a/src/Ursa.Themes.Semi/Controls/Loading.axaml
+++ b/src/Ursa.Themes.Semi/Controls/Loading.axaml
@@ -7,6 +7,7 @@
     <!--  Add Resources Here  -->
     <converters:BrushToColorConverter x:Key="BrushToColorConverter" />
     <ControlTheme x:Key="{x:Type u:LoadingIcon}" TargetType="u:LoadingIcon">
+        <Setter Property="IsLoading" Value="True"></Setter>
         <Setter Property="Foreground" Value="{DynamicResource LoadingIconForeground}" />
         <Setter Property="Template">
             <ControlTemplate TargetType="u:LoadingIcon">
@@ -29,20 +30,6 @@
                             </GradientStops>
                         </ConicGradientBrush>
                     </Arc.Stroke>
-                    <Arc.Styles>
-                        <Style Selector="Arc[IsVisible=True]">
-                            <Style.Animations>
-                                <Animation IterationCount="Infinite" Duration="0:0:0.5">
-                                    <KeyFrame Cue="0%">
-                                        <Setter Property="RotateTransform.Angle" Value="0.0" />
-                                    </KeyFrame>
-                                    <KeyFrame Cue="100%">
-                                        <Setter Property="RotateTransform.Angle" Value="-360.0" />
-                                    </KeyFrame>
-                                </Animation>
-                            </Style.Animations>
-                        </Style>
-                    </Arc.Styles>
                 </Arc>
             </ControlTemplate>
         </Setter>
@@ -56,13 +43,25 @@
             <Setter Property="Height" Value="32" />
             <Setter Property="StrokeThickness" Value="5" />
         </Style>
+        <Style Selector="^[IsLoading=True] /template/ Arc#PART_Arc">
+            <Style.Animations>
+                <Animation IterationCount="Infinite" Duration="0:0:0.5">
+                    <KeyFrame Cue="0%">
+                        <Setter Property="RotateTransform.Angle" Value="0.0" />
+                    </KeyFrame>
+                    <KeyFrame Cue="100%">
+                        <Setter Property="RotateTransform.Angle" Value="-360.0" />
+                    </KeyFrame>
+                </Animation>
+            </Style.Animations>
+        </Style>
     </ControlTheme>
 
     <ControlTheme x:Key="{x:Type u:Loading}" TargetType="u:Loading">
         <Setter Property="Background" Value="{DynamicResource LoadingMaskBackground}" />
         <Setter Property="Indicator">
             <Template>
-                <u:LoadingIcon />
+                <u:LoadingIcon IsLoading="{Binding $parent[u:Loading].IsLoading, Mode=TwoWay}" />
             </Template>
         </Setter>
         <Setter Property="Template">
@@ -98,7 +97,7 @@
         <Setter Property="VerticalContentAlignment" Value="Center" />
         <Setter Property="Indicator">
             <Template>
-                <u:LoadingIcon />
+                <u:LoadingIcon IsLoading="{Binding $parent[u:LoadingContainer].IsLoading, Mode=TwoWay}" />
             </Template>
         </Setter>
         <Setter Property="Template">
diff --git a/src/Ursa/Controls/Loading/LoadingIcon.cs b/src/Ursa/Controls/Loading/LoadingIcon.cs
index b6d71fb..94b87e1 100644
--- a/src/Ursa/Controls/Loading/LoadingIcon.cs
+++ b/src/Ursa/Controls/Loading/LoadingIcon.cs
@@ -1,8 +1,16 @@
+using Avalonia;
 using Avalonia.Controls;
 
 namespace Ursa.Controls;
 
 public class LoadingIcon: ContentControl
 {
-    
+    public static readonly StyledProperty<bool> IsLoadingProperty = AvaloniaProperty.Register<LoadingIcon, bool>(
+        nameof(IsLoading));
+
+    public bool IsLoading
+    {
+        get => GetValue(IsLoadingProperty);
+        set => SetValue(IsLoadingProperty, value);
+    }
 }
\ No newline at end of file

From c200626d1c79a5d8ec80a72027a455944c20d991 Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Sat, 21 Sep 2024 19:34:33 +0800
Subject: [PATCH 4/4] feat: revert demo.

---
 demo/Ursa.Demo/Pages/LoadingDemo.axaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/Ursa.Demo/Pages/LoadingDemo.axaml b/demo/Ursa.Demo/Pages/LoadingDemo.axaml
index 696a614..00c0fb9 100644
--- a/demo/Ursa.Demo/Pages/LoadingDemo.axaml
+++ b/demo/Ursa.Demo/Pages/LoadingDemo.axaml
@@ -10,7 +10,7 @@
     mc:Ignorable="d">
     <Grid RowDefinitions="Auto, Auto, *">
         <ToggleSwitch Name="s" Content="Loading" />
-        <StackPanel Grid.Row="1" Orientation="Horizontal" IsVisible="False">
+        <StackPanel Grid.Row="1" Orientation="Horizontal">
             <u:LoadingIcon Classes="Small" />
             <u:LoadingIcon />
             <u:LoadingIcon Classes="Large" />